Help Centre

Support > Ecommerce > Categories and Products

How do I change my product and category layouts?

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.
 

Product Layouts

Take a look below for how your product page layouts are represented in your account:

Screen_Shot_2014-01-15_at_11.17.48.png


This is 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.  

side_layout.png

Below is our second layout. This is centre aligned with all other components centred below it. 

bottom_layout.png

How do I change my product page layout?

To change your product layout, please follow the steps below:

  1. Log in to your account 
  2. Click "Shop" from the Top Menu
  3. Select "Settings" from the left-hand menu
  4. Choose "General Configuration"
  5. Select the "Products" tab
  6. Choose your preferred layout and click "Save Changes" 

Category Layouts

There are two options to choose from for your product layouts, either the row structure or the grid structure (selected in the image below). 

Screen_Shot_2014-01-15_at_11.15.45.png

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.  

e9daf9aa3bac66531edcdf794e7c3147.png

The second layout is the grid view. The grid structure displays the category (product thumbnail) image with the name and price information below. 

4458e5965609571f64e3cda6ae034f05.png

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:

  1. Log into your account
  2. Click "Shop" from the Top Menu
  3. Select "Settings" from the left-hand menu
  4. Choose "General Configuration"
  5. Select the "Categories" tab
  6. Choose your preferred layout and click "Save Changes"

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.