Shopifyテーマ「Showcase」の「Collection list」テンプレートを使用したページ構成の変更に関する質問です。
現状：
希望する変更パターン：
回答内容：
width: 100%;設定が提案されている※パターン②の実現可能性については明示的な回答なし
お世話になります。shopifyテーマで「showcase」を使用しています。
「Collection list」のテンプレートを使って各コレクションへのリンクを画像で配置しています。
イメージ：https://chikakoyajima.com/collections
以下2パターンのどちらかにページ構成を変形したいと考えているのですが、
可能でしょうか。。恐れ入りますが、方法をご教示いただけますと幸いです。
どうぞよろしくお願いいたします。
①コレクションが1つずつ閲覧できる仕様
（現在のテンプレートですと横配置2つ以上の設定しかできません）
②コレクション1つずつ見える仕様で、左画像・右文章それぞれに同じリンクを設定
（Media with texitも試してみましたが、画像自体にリンクをつけることができず断念しました・・）
質問拝見しました。
プレビューリンクを拝見しました。
現在画像が二つ並んでいる状況で100%の幅を50%ずつでふたつ表示がされていました。
したがってこの50%で表示されている要素を100%にしてあげれば①のイメージになるかと存じます。
以下CSSで調整可能かと思われますのでご参考にしていただければ幸いです。
column.half {
width: 100%;
}
クラス名に関してはプレビューリンクからのものになりますのでそのまま使えない場合は任意でクラス名を変更いただければと思います。
なにかご質問があれば、お気軽にご相談ください。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。
株式会社フルバランス