By changing the width of the products page you can have a wider product page, providing more space for product images and descriptions.
.
A wider product page also provides more space for other elements such as related products, customer reviews, and promotional banners which can help to increase sales and engagement, as visitors are more likely to interact with these elements when they are presented in a visually appealing and accessible way.
How to Change the Width of the Products Page
STEP 1
In Shopify admin, click on Online store to reveal themes.
STEP 2
Select your Debutify Shopify theme and click customize.
STEP 3
Change from the home page to the products page.
STEP 4
Click on the Theme Settings icon.
STEP 5
Click on CSS (i.e. Custom style/script)
STEP 6
Add the following CSS.
.product-section .wrapper,
.template-product .wrapper{
max-width: 1532px!important;
}
Currently, your theme's max width is set to 1532px, the theme's default is 1180px.
STEP 6 b
The following code will also widen the product description content if set to "In a separate section".
.section-description .grid__item{
flex: 0 0 100%;
width: 100%;
left: unset;
}
STEP 7
Click Save to apply the changes.
