商品購入ボタンを移動してそこの場所に文字を書きたい

Topic summary

Shopifyテーマ「Supply」(無料)で、商品ページの購入ボタンの位置を移動し、元の位置に定型文(文字)を表示したいという相談。

主な回答・案内:

  • 該当ページの構造(HTML/Liquid)は「Sections」フォルダ内の「product-template.liquid」にある。
  • レイアウト調整用のCSSは「Assets」フォルダ内の「theme.scss.liquid」に記述する。
  • 「{% %}」で囲まれたLiquidの制御部分は触らず、必要なクラス名やタグを「product-template.liquid」に追加し、「theme.scss.liquid」でCSS調整して配置を変更する。
  • コード編集経験がない場合は専門業者への依頼を推奨。

現状: 提案されたファイルを確認して試す段階で、具体的なコード例や最終的な解決はまだ提示されていない(継続中)。画像が状況説明に使われている。

Summarized with AI on February 25. AI used: gpt-5.2.

テーマ「Supply」の無料のやつを使用しています。

商品購入のボタンの位置を移動させまたその位置に定型文を置きたいです。

コードの見方がわからず苦戦をしております。

解決方法が分かりましたら教えてください。よろしくお願いいたします。

画像のページのコードは、Sectionsフォルダ内にあるproduct-template.liquidファイルに書かれています。また、CSSはAssetsフォルダ内のtheme.scss.liquidファイルに記述します。

{% %}で囲まれている部分は触らずに、product-template.liquidに必要なクラス名やタグを追加し、theme.scss.liquidでCSSを調整すればレイアウトを変更できます。

※コード編集の経験がない場合は、専門の業者に依頼されることをお勧めします。

1 Like

ご連絡頂きありがとうございます。

確認して実施してみます。