デザイン設定
デザイン設定を使用すると、デザイン関連のルールや設定を 1 ページに表示して簡単に編集できます。
デザイン設定の変更
-
管理者 サイドバーで、Content/Design/Configuration に移動します。
-
設定するストア表示を見つけ、Action 列の Edit をクリックします。
このページには、ストア表示の現在のデザイン設定が表示されます。
-
デフォルトのテーマを変更するには、ビューに適用するテーマに Applied Theme を設定します。
テーマを指定しない場合は、システムのデフォルトテーマが使用されます。 一部のサードパーティの拡張機能では、システムのデフォルトテーマが変更されます。
-
テーマを特定のデバイスにのみ使用する場合は、User Agent Rules を設定します。
{width="400" modal="regular"}
テーマを指定する各デバイスタイプに対して、次の手順を実行します。
-
「Add New User Agent Rule」をクリックします。
-
Search String:特定のデバイスのブラウザー ID を入力します。
検索文字列には、正規表現または Perl 互換正規表現(PCRE)を使用できます(詳しくは ユーザーエージェントを参照してください)。 次の検索文字列は Firefox を示しています。
code language-none /^mozilla/i
-
Theme Name:指定したデバイスに使用するテーマを選択します。
note note NOTE 指定するデバイスに対して、必要な数のルールを追加できます。 検索文字列は、入力された順序で一致します。 -
-
「Other Settings」の下で各セクションを展開し、リンクされているトピックの指示に従って、必要に応じて設定を編集します。
- Pagination
- HTML Head
- Header
- Footer
- Search Engine Robots
- Product Image Watermarks
- Transactional Emails
{width="500" modal="regular"}
-
完了したら、「Save Configuration」をクリックします。