FROM CACHE - jp_header
解決済

スマホ時に、商品表示を2列にしたい

nanchoro
Shopify Partner
30 1 4

お世話になっております。

Narrativeテーマを使用しております。
スマホにて、特集コレクションの商品表示を2列にしたいです。

どなたかお分かりになる方、よろしくお願いいたします。スクリーンショット 2021-06-06 10.17.43.png

1 件の受理された解決策
KOICHI_KAMIZURU
Shopify Partner
56 21 62

成功

以前お伝えしていたファイルはコレクションページ(/collections/all)のものでした。

トップページの特集コレクションをスマホ時に2列にする場合は、以下の手順で修正をお願いします。

 

1. コードの編集画面でfeatured-collection.liquidを開く

2. 14行目あたりの以下を変更

 

{%- assign mobileColumns = '1' -%}

 

↓に変更

 

{%- assign mobileColumns = '2' -%}

 

 

宜しくお願い致します。

上水流 弘一 (Kamizuru Koichi)
アプリ開発、テーマのカスタマイズ承っております。
お気軽にご相談ください。

元の投稿で解決策を見る

12件の返信12

KOICHI_KAMIZURU
Shopify Partner
56 21 62

はじめまして。

 

以下手順で2列にすることが可能です。

1. コードの編集画面でcollection-template.liquidを開く

2. 66行目あたりの以下を変更

{%- assign mobileColumns = '1' -%}

↓に変更

{%- assign mobileColumns = '2' -%}

 

ご参考になりましたら幸いです。

上水流 弘一 (Kamizuru Koichi)
アプリ開発、テーマのカスタマイズ承っております。
お気軽にご相談ください。
nanchoro
Shopify Partner
30 1 4

上水流様

お返事ありがとうございます。

1. コードの編集画面でcollection-template.liquidを開く

2. 66行目あたりの以下を変更

{%- assign mobileColumns = '1' -%}
Copy

↓に変更

{%- assign mobileColumns = '2' -%}
Copy

 

こちら変更したのですが1列のままでした。

何か他に原因がありますかね?

ソースは上記アドバイス以外何も触っていません。

よろしくお願いいたします。

KOICHI_KAMIZURU
Shopify Partner
56 21 62

ご確認ありがとうございます。

手順に含めておりませんでしたので念のため確認させていただきたいのですが、コードを編集後に「保存する」ボタンはクリックされましたでしょうか?

上水流 弘一 (Kamizuru Koichi)
アプリ開発、テーマのカスタマイズ承っております。
お気軽にご相談ください。
nanchoro
Shopify Partner
30 1 4

上水流様

おはようございます。

はい、保存は押しております。

よろしくお願いいたします。

 

KOICHI_KAMIZURU
Shopify Partner
56 21 62

承知いたしました。

あとは考えられる原因としては、以下になります。

 

1. 対象ページのファイルがcollection-template.liquidでは無い

※私のストアでは以前の手順で2列になることは確認できております

2. ブラウザキャッシュが残っている

こちらは可能性が低いと思いますが、Google Chromeのシークレットウインドウのようなキャッシュに左右されない環境で確認ができます

 

可能であればストアフロントを確認させていただけるともう少し解決策の幅が広がるかと思います。

宜しくお願い致します。

上水流 弘一 (Kamizuru Koichi)
アプリ開発、テーマのカスタマイズ承っております。
お気軽にご相談ください。
nanchoro
Shopify Partner
30 1 4

 

お返事ありがとうございます。

 

ストアフロントを確認させていただけるともう少し解決策の幅が広がるかと思います。


こちらお願いしたいのですが
どのように確認していただくのでしょうか?

KOICHI_KAMIZURU
Shopify Partner
56 21 62

今回2列にしたい画面のURLをいただけると、私の方でも確認することができます。

もしストアフロントにパスワードをかけられているようでしたら、私のプロフィール画面からプライベートメッセージにてパスワードをお教えください。

 

宜しくお願いいたします。

上水流 弘一 (Kamizuru Koichi)
アプリ開発、テーマのカスタマイズ承っております。
お気軽にご相談ください。
KOICHI_KAMIZURU
Shopify Partner
56 21 62

成功

以前お伝えしていたファイルはコレクションページ(/collections/all)のものでした。

トップページの特集コレクションをスマホ時に2列にする場合は、以下の手順で修正をお願いします。

 

1. コードの編集画面でfeatured-collection.liquidを開く

2. 14行目あたりの以下を変更

 

{%- assign mobileColumns = '1' -%}

 

↓に変更

 

{%- assign mobileColumns = '2' -%}

 

 

宜しくお願い致します。

上水流 弘一 (Kamizuru Koichi)
アプリ開発、テーマのカスタマイズ承っております。
お気軽にご相談ください。
nanchoro
Shopify Partner
30 1 4

ありがとうございます。

無事変更ができました!

kakaemaru
訪問者
3 0 0

失礼致します。。

brookrnテーマを使用しております。
スマホにて、コレクションページでの商品表示を2列にしたいです。

是非、ご教授頂けますと幸いです。

よろしくお願いいたします。

nanchoro
Shopify Partner
30 1 4

こんばんは。

コードの編集画面でfeatured-collection.liquidを開き

 

 

{%- assign mobileColumns = '1' -%}

こちらのコードを検索して数字を変更

{%- assign mobileColumns = '2' -%}

 

 

これでいけるかと思いますがおかがでしょうか?

kakaemaru
訪問者
3 0 0
nanchoroさま

ご返信ありがとうございます。
featured-collection.liquidにて

{%- assign mobileColumns = '1' -%}を検索したのですが、

見当たらず、一度管理画面でご確認いただくことは可能でしょうか?


お手数をお掛け致しますが、

よろしくお願いいたします。