Product settings - Design
Last update: August 21, 2023
- Topics:
- Catalog Management
- Products
- Page Content
CREATED FOR:
- Beginner
- Intermediate
- Admin
- Leader
- User
The Design settings allow a different theme to be applied to the product page, change the column layout, determine where product options appear, and enter custom XML code.
When the same product is assigned to several categories with different design settings for each category, it is recommended to set Use Categories Path for Product URLs =
Yes
in the Search Engine Optimization configuration options. To access this setting, go to Stores > Settings > Configuration, expand Catalog and choose Catalog underneath in the left panel, and then expand the Search Engine Optimization section on the page.Field | Scope | Description |
---|---|---|
Theme | Store View |
|
Layout | Store View | Gives you the ability to apply a different layout to the product page. Options: No layout updates - By default, layout updates are not available for the product page. Empty - Allows you to define your own layout, such as a 4-column page. (Requires an understanding of XML.) 1 column - Applies a one-column layout to the product page. 2 columns with left bar - Applies a two-column layout with a left sidebar to the product page. 2 columns with right bar - Applies a two-column layout with a right sidebar to the product page. 3 columns - Applies a three-column layout to the product page. Page – Full Width - (Requires Page Builder) Applies the full-width layout for CMS pages to the product page. Category – Full Width - (Requires Page Builder) Applies the full-width layout for category pages to the product page. Product – Full Width - (Requires Page Builder) Applies the full-width layout for product pages to the product page. |
Display Product Options In | Store View | Determines where the product options appear on the product page. Options: Product Info Column / Block after Info Column |
Custom Layout Update | Store View | Used to access options to update a custom layout on the product page. |
Previous pageProduct in Websites
Next pageAutosettings
Commerce
- Catalog Management Guide
- Introduction to catalog management
- Catalog menu
- Catalog basics
- Categories
- Products
- Product attributes
- Return to Merchant Guides