We are Underground support

Change the number of Featured products shown

Last Updated: Aug 25, 2016 09:10PM EDT

Looking to access your theme's code or language options with Shopify's new theme editor layout?

In your Shopify admin click on Online store > Themes
Next to the theme that you want to edit click on the Menu button which is a small square with 3 blue dots
This will open a submenu of options which includes: Edit HTMl / CSS and Edit Language

The Testament Shopify theme allows you to show up to 5 different carousels of featured products on your homepage from 5 different collections.

By default this will show 6 per row on large screens reducing to 4 per row on tablet.
Changing this is very simple and can be done within sections.
  1. Click on themes > customize theme > theme options > edit HTML / CSS
  2. On the next page open: Assets > theme.js.liquid
  3. Scroll down to lines 54 - 61 where you will see the following:

      [0, 2],
      [450, 2],
      [600, 2],
      [700, 3],
      [1000, 4],
      [1200, 6],
      [1400, 6],
      [1600, 6]

The large number on the left... 0, 450, 600, 700, 1000... represent a minimum screen size.
The small number on the right represents how many products are shown at one time.

For example:   1600, 6   means that 6 items will be shown at once on a screen size with a minimum of 1600px

To change all desktop sizes to show 5 items and tablet to show 3 you would make the following changes:

      [700, 3],
      [1000, 5],
      [1200, 5],
      [1400, 5],
      [1600, 5]

When you are happy with the numbers click save and test the store - you can always return and adjust these as needed.

Get help

Note We can not offer individual theme modifications, however are happy to advise on the best Shopify resources and finding developers to work on your theme.
Want to customize your theme?
Have questions not covered in our docs?
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found