Product settings - Design

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.

w-600 modal-image
Design
NOTE
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
Adobe Commerce (Adobe Commerce only) Gives you the ability to apply a different theme to the product. Options: (All available themes)
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.
recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071