SHOPビルダーを通じて高度なページを追加または編集する際、ウィジェット間のパディングを柔軟に調整して、画像と商品との理想的な距離を表示できます。このツールを使用することで、ウェブサイトをより視覚的に魅力的に見せ、顧客により良いオンラインショッピング体験を提供できます。
目次では、次の内容を見つけることができます
1. パディングの種類
SHOPビルダーの左側の編集セクションで、ウィジェットの上下、左右、全方向のパディングを調整できます。「PC」または「モバイル」アイコンをクリックして、それぞれウェブ版とモバイル版のパディングを調整します。
A. パディングの種類と説明
パディングの種類 |
説明 |
| ウィジェットの垂直パディング | ウィジェットの上下のパディングは、ウェブ版とモバイル版で調整可能です。 値：1〜30；デフォルト値は30です。 |
| パーツの左右パディング | パーツの左側と右側のパディングは、ウェブ版とモバイル版で調整可能です。 値：1〜40；デフォルト値は15です。 *Note: ウェブ版はモバイル版の2倍の幅です。 |
| ウィジェットの全方向パディング | ウィジェットの全方向のパディングは、ウェブ版で調整可能です。 値：1〜80；デフォルト値は15です。 *Note: 全方向のパディングはモバイル版では調整できません。 |
B. パディング調整の例
異なるウィジェットのパディングを調整することで、視覚的一貫性を向上させることができます。たとえば、ギャラリーとカテゴリウィジェットの間のパディングを0に調整して、メイン画像と商品との視覚的な調和を作り出すことができます。
ウェブページ表示の例
2. 各ウィジェットの調整可能なパディング
ウィジェット |
調整可能なパディング |
|
|
|
|
|
|
さらに読む
- テキスト付き画像ウィジェット | SHOPビルダー
- ギャラリーウィジェット | SHOPビルダー
- テキストウィジェット | SHOPビルダー
- ストア設定 | SHOPビルダー
- お知らせバナー / ヘッダー設定 | SHOPビルダー
- フッター設定 | SHOPビルダー
この記事はAIを使用して翻訳されており、不正確な情報が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。
コメント