Skip over navigation
Documentation

Configure Theme Globally

To configure the storefront theme options globally:

  1. Navigate to System > Configuration in the main menu.

  2. Select Commerce > Design > Theme in the menu to the left.

    Note

    For faster navigation between the configuration menu sections, use Quick Search.

    The following page is displayed:

    ../../../../../_images/design_theme_global.png
  3. In the Theme Settings section, configure the following options:

    • Theme — Select a theme from the list. The theme controls general design of the storefront that defines its look and feel. Default, blank, and custom themes are available out of the box for the storefront.

    Hint

    For example, this is what the address book looks like in the storefront for the default and custom themes:

    Default theme

    ../../../../../_images/MyProfileAddressBooks.png

    Custom theme

    ../../../../../_images/address_book_compact.png
    • Product Image Placeholder —- Select an image to be displayed on the product listing and product view pages for the products that do not have any associated images.
    • Category Image Placeholder — Select an image to be used in various category widgets (e.g. Featured Categories) for the categories that do not have any associated images.
  4. In the Page Templates section, select the product page template from the list. This page template is used to render the product page in the storefront by default, unless the template is overridden in the product details. Default template (tabbed), Short page, Two-column page, and List page templates are available out of the box. For preview and more information on these options, see the Manage Product Page Design with Page Templates topic.

    Select the Use Parent Scope Value check box to use the default value.

  5. In the Filter Settings section, specify how the multi-select filters should look in the storefront. Available options are Drop-down and All at once.

    Hint

    This is what the user menu looks like for different values:

    Drop-down

    ../../../../../_images/filter_settings_dropdown.png

    All at once

    ../../../../../_images/filter_settings_allatonce.png
  6. In the Menu Templates section, select the user menu display mode that defines the look and feel of the user menu in the storefront.

    Hint

    This is what the user menu looks like for different values:

    Show all items at once

    ../../../../../_images/ShowAllItemsAtOnce.png

    Show subitems in a popup

    ../../../../../_images/ShowSubitemsInPopup.png
  7. Click Save Settings.

Browse maintained versions:3.11.6

You will be redirected to [title]. Would you like to continue?

Yes No
Back to top