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
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.Theme
Store View
(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.
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