point 1 ecforceで開設予定のネットショップと連携したLP
初めてのecforceへのアップロードのため、ecforceの公式オンラインマニュアルを熟読しながら進行。VSCodeで作成したHTML, CSS, JavaScriptファイルのをecforceの管理画面へ移行し、コードの一部をLiquid変数に書き換えました。
point 2 ページ下部にecforceの購入フォームを連携
移行したHTML, CSSにecforceの購入フォームを表示させるコードを追記。
point 3 アコーディオンの実装
Q&Aセクションではアコーディオンを実装。HTMLはdetailsとsummaryタグを使って記述、一番目のアコーディオンだけ要素が開いた状態に設定して、JavaScriptで開閉を制御しています。
