We have two different layouts for your products and categories, either the grid or row structure. The most suitable layout will be determined by the look of your site, and the choice is yours! You can select your preferred product and category layout from within your "Shop Settings" area, both options are responsive. These settings will also be used for displaying shop search results to customers.
Take a look below for how your product page layouts are represented in your account:
Now take a peek at an example of these different product layouts to see what they'll look like on your site!
Here we have the first layout. It's left aligned, the checkout is on the right hand side, and the product images are displayed below, along with the item description. We'd recommend this layout if you do not have side columns. It will keep the page looking balanced.
Below is our second layout. This is centre aligned with all other components centred below it. We'd advise you to use this layout if you do have side columns, as it would compliment the page layout perfectly.
How do I change my product page layout?
To change your product layout, please follow the steps below:
There are two options to choose from for your product layouts, either the row structure or the grid structure (selected in the image below).
Here are two examples of the different category layouts. The first layout is in the row structure - the product image is to the left, with relevant information such as the short description, price, and stock levels in a row to the right of the product.
The second layout is the grid view. The grid structure displays the category (product thumbnail) image with the name and price information below.
When using the 'Grid View' you have the option to increase or decrease your image size by using the slider, the image above is using the smallest size setting.
How do I change my category layout?
To change your category layout, please follow the steps below:
It's recommended that you upload images that are square and that are around 2000 pixels, as this will allow it to appear at its best on your site when clicked on and enlarged to the size of your main product image.