Shopifyの商品ページを2カラムにする方法で苦戦しています。どのように行えばよろしいでしょうか? ご教授いただきたいです。
シェア
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
ヤン・アレックス
[テーマ]> [テンプレートエディタ]から Style.css.liquid ファイルを開き、以下のコードを貼り付けます
hodaka888
こんにちは。
以下のファイルに次のコードを追加することで実装できます
product-template.liquid
通常のテーマでしたら、以下のように設定できます
<div class="grid"> <div class="grid__item one-half">First column</div> <div class="grid__item one-half">Second column</div> </div>
もしスマホで1カラムにしたい場合は以下のコードで対応できます。
<div class="grid"> <div class="grid__item medium-up--one-half">First column</div> <div class="grid__item medium-up--one-half">Second column</div> </div>