- このトピックには2件の返信、2人の参加者があり、最後に
mokadesignにより38分前に更新されました。
-
投稿者投稿
-
2025年8月11日 11:50 AM #146078
【お使いの Snow Monkey のバージョン】
バージョン: 29.1.4【お使いの Snow Monkey Blocks のバージョン】
バージョン: 24.1.1【お使いの Snow Monkey Editor のバージョン】
バージョン: 11.0.2【お使いのブラウザ】
Chrome【当該サイトのURL】
### 実現したいこと
以下の参考サイト(Shopify)の「PRODUCTS」ページのように、
①ページ上部に中央寄せの大きな画像、その下に2カラム(片方はテキスト、片方は画像)のレイアウト
②中段の「PICK UP」のような小さな商品画像が横に並ぶギャラリー(サムネイルの均一な見た目)
を Snow Monkey で再現したいです。
参考: https://offcola.citycamp.co.jp/pages/products### 発生している問題
中央の大きな画像と、次の 2 カラムセクションの横幅・余白感・バランスが参考サイトのように揃いません。
「PICK UP」の小さなサムネイルの均一レイアウト(等間隔・同一比率)にできず、画像比率や並びが崩れることがあります。### 試したこと
Snow Monkey Blocks – グリッドで列数を変更・ギャップ調整
Snow Monkey Blocks – フレックスで横並び/中央揃え・折り返し設定
Snow Monkey Blocks – 画像でサイズ指定・アライメント調整
Snow Monkey Blocks – ボックスで内外余白・幅広/フル幅の切り替え
→ いずれも参考サイトのような**統一感(幅・余白・比率)**にならず再現できていません。確認したいこと
Snow Monkey(+Snow Monkey Blocks)の標準ブロック設定のみで、参考サイトに近いレイアウトは実現可能でしょうか?
可能な場合、推奨ブロックの組み合わせ(例:セクション/コンテナー+グリッド or アイテム 等)と、幅(幅広/フル幅)、余白、画像比率の具体的な設定を教えてください。
「PICK UP」のサムネイルについて、均一比率(正方形/3:2 など)の推奨設定や、必要であれば最小限のCSS調整例をご教示いただけると助かります。♥ 0Who liked: No user2025年8月11日 3:58 PM #146079①ページ上部に中央寄せの大きな画像、その下に2カラム(片方はテキスト、片方は画像)のレイアウト
下記のレイアウトであっていますか?
②中段の「PICK UP」のような小さな商品画像が横に並ぶギャラリー(サムネイルの均一な見た目)
下記のスライダーであっていますか?
♥ 0Who liked: No user2025年8月11日 4:32 PM #146080はい!張っていただいた部分であっております💦
画像を添付せず失礼いたしました。<(_ _)>
よろしくお願いいたします。
♥ 0Who liked: No user -
投稿者投稿
- このトピックに返信するにはログインが必要です。