Liquid、JavaScriptなどに関する質問
お世話になっております。
Narrativeテーマを使用しております。
スマホにて、特集コレクションの商品表示を2列にしたいです。
どなたかお分かりになる方、よろしくお願いいたします。
解決済! ベストソリューションを見る。
成功
以前お伝えしていたファイルはコレクションページ(/collections/all)のものでした。
トップページの特集コレクションをスマホ時に2列にする場合は、以下の手順で修正をお願いします。
1. コードの編集画面でfeatured-collection.liquidを開く
2. 14行目あたりの以下を変更
{%- assign mobileColumns = '1' -%}
↓に変更
{%- assign mobileColumns = '2' -%}
宜しくお願い致します。
はじめまして。
以下手順で2列にすることが可能です。
1. コードの編集画面でcollection-template.liquidを開く
2. 66行目あたりの以下を変更
{%- assign mobileColumns = '1' -%}
↓に変更
{%- assign mobileColumns = '2' -%}
ご参考になりましたら幸いです。
上水流様
お返事ありがとうございます。
1. コードの編集画面でcollection-template.liquidを開く
2. 66行目あたりの以下を変更
{%- assign mobileColumns = '1' -%}
↓に変更
{%- assign mobileColumns = '2' -%}
こちら変更したのですが1列のままでした。
何か他に原因がありますかね?
ソースは上記アドバイス以外何も触っていません。
よろしくお願いいたします。
ご確認ありがとうございます。
手順に含めておりませんでしたので念のため確認させていただきたいのですが、コードを編集後に「保存する」ボタンはクリックされましたでしょうか?
上水流様
おはようございます。
はい、保存は押しております。
よろしくお願いいたします。
承知いたしました。
あとは考えられる原因としては、以下になります。
1. 対象ページのファイルがcollection-template.liquidでは無い
※私のストアでは以前の手順で2列になることは確認できております
2. ブラウザキャッシュが残っている
こちらは可能性が低いと思いますが、Google Chromeのシークレットウインドウのようなキャッシュに左右されない環境で確認ができます
可能であればストアフロントを確認させていただけるともう少し解決策の幅が広がるかと思います。
宜しくお願い致します。
お返事ありがとうございます。
>ストアフロントを確認させていただけるともう少し解決策の幅が広がるかと思います。
こちらお願いしたいのですがどのように確認していただくのでしょうか?
今回2列にしたい画面のURLをいただけると、私の方でも確認することができます。
もしストアフロントにパスワードをかけられているようでしたら、私のプロフィール画面からプライベートメッセージにてパスワードをお教えください。
宜しくお願いいたします。
成功
以前お伝えしていたファイルはコレクションページ(/collections/all)のものでした。
トップページの特集コレクションをスマホ時に2列にする場合は、以下の手順で修正をお願いします。
1. コードの編集画面でfeatured-collection.liquidを開く
2. 14行目あたりの以下を変更
{%- assign mobileColumns = '1' -%}
↓に変更
{%- assign mobileColumns = '2' -%}
宜しくお願い致します。
ありがとうございます。
無事変更ができました!
失礼致します。。
brookrnテーマを使用しております。
スマホにて、コレクションページでの商品表示を2列にしたいです。
是非、ご教授頂けますと幸いです。
よろしくお願いいたします。
こんばんは。
コードの編集画面でfeatured-collection.liquidを開き
{%- assign mobileColumns = '1' -%}
こちらのコードを検索して数字を変更
{%- assign mobileColumns = '2' -%}
これでいけるかと思いますがおかがでしょうか?
Shopifyペイメント決済サービスを利用していて、ストアの管理画面の通知セクションに突然「Shopifyペイメントの使用を継続するために必要な情報」というバナーメッセージが表示さ...
By Mirai Dec 3, 2023すべてのShopifyアカウントはデフォルトではmyshopify.comのURLと関連付けられており、これはアカウント設定時に使用したビジネス名に基づいて作成されます。しかし、オ...
By Nina_13 Nov 26, 2023このトピックは英語版コミュニティの投稿:Shopify Web Pixel Manager Sandbox FAQの日本翻訳です。
By Mirai Nov 19, 2023