[mokadesign]

【お使いの Snow Monkey のバージョン】
バージョン: 29.1.4

【お使いの Snow Monkey Blocks のバージョン】
バージョン: 24.1.1

【お使いの Snow Monkey Editor のバージョン】
バージョン: 11.0.2

【お使いのブラウザ】
Chrome

【当該サイトのURL】

商品紹介

クラフトジンジャエール定番アイテム Pick Up人気商品ピックアップ Collaborationコラボレーシ…

nokanoka.jp

### 実現したいこと

以下の参考サイト（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調整例をご教示いただけると助かります。

♥ 0

Who liked: No user

[投稿者]

投稿