Magento Open Source, 1.9.x

Custom Design

Add a Custom Design to change the look and feel of a category and all assigned product pages, including the content blocks and page layout. You can customize a category page for a promotion or to increase sales by differentiating the category from others. For example, you might develop distinctive design for a brand or special line of products.


Custom Design

To create a custom category design:

1. If the parent category of the selected category has already been customized and you want to use same settings, set Use Parent Category Settings to “Yes.”
2. To apply the custom design to all the products assigned to the category, set Apply to Products to “Yes.” Otherwise, the customization applies to only the category page.
3. To apply a different theme to the category, select the theme you want to use from the Custom Theme list.
4. To apply the category design to a specific range of time, click the calendar to select both the Active From and Active To dates. Otherwise, the design will take effect when you save the changes to the category.
5. Click the Save Category button to save your changes.
  • Field Descriptions

    Field

    Scope

    Description

    Use Parent Category Settings

    Store View

    Causes the current category to inherit the design settings from the parent category. Options: Yes / No

    Apply to Products

    Store View

    Applies the custom settings to all products in the category. Options: Yes / No

    Custom Theme

    Store View

    Applies a custom theme to the category.

    Active From

    Store View

    The beginning of a date range that specifies the first day the theme is to be used in the store. The date can be entered or selected from the calendar.

    Active To

    Store View

    The end of a date range that specifies the last day the theme is to be used in the store. The date can be entered or selected from the calendar

    Page Layout

    Store View

    Applies a different layout to the category page. Options:

    No layout updates

    Pre-selected by default, and does not apply layout changes to the category page.

    Empty

    Use to define your own page layout.(Requires an understanding of XML.)

    1 column

    Applies a one-column layout to the category page.

    2 columns with left bar

    Applies a two-column layout and left sidebar to the category page.

    2 columns with right bar

    Applies a two-column layout and right sidebar to the category page.

    3 columns

    Applies a three-column layout to the category page.

    Custom Layout Update

    Store View

    Updates the theme layout with custom XML code.