How do I make my online store use the full width of the browser window?

October 01, 2024October 01, 2024

While there is a setting for Full Width Product Page under the Admin Button with your username > Settings > Website Settings > Products, it is for the older system architecture and does not do anything with the newer Responsive website designs we have been deploying since 2016. It is possible to make the Products module on your main Online Store page use the full width of the browser, but even when spread out on a large display, the Products module will never display more than four columns of categories. If you are using the newer Faceted Product Search function that adds search and product filters such as Brand, Color, and Price Ranges in the left column, you will not see more than three columns, even when the Product module is set to display Extra Wide.

That content was designed to be viewed in four columns at a width of about 1,200px, which is the central content area of our website designs. When viewed Extra Wide, the columns just have more space on the page. If you still want to try the full-width view, log into the system and go to Website > Website Editor then go to your main shopping page. In the small gray Module Toolbar in the upper left corner of the Products module, click on the second button over that looks like a gear and that says Settings when you  hover over it. In the Settings window, you'll see the option for Width down below the Margins, and the option you'll want is Extra Wide. Click Save at the bottom and you'll see that change.