Collection pages

For your collection pages, Split lets you change the filtering options and style your product thumbnails.

To tweak the layout of your collection pages:

  1. Navigate to a collection page in the theme editor.
  2. Click the Sections tab.
  3. Click Collection page.
  4. If you want to display the filtering menu, then check Show filtering options.
  5. From the Filtering type list, choose whether you want the filtering to be done by tags (classic), or by groups (advanced, requires further tweaks).
    Filtering by groups is an advanced method of filtering Shopify products and we've explained the process here:
  6. To tweak the product's design, click General Settings.
  7. From the Desktop animation style list, choose one thumbnail style.
    It will only be in effect for desktops, where a mouse exists. For touch devices the design will always be the same, with the name of the product always visible (since there's no mouse to reveal the name while hovering).
  8. If you want to also show the second product image while hovering, then check Show second product image on hover.
  9. From the Product image aspect list, choose whether you want to product images to be cropped and always fill the left side, or to have a natural aspect, and be contained in the block.
    Recommended images size 
    We recommend uploading images as large as possible (up to maximum 1920px width). Our theme does all the resizing in order to display the proper image for the proper resolution / bandwidth, so do not worry about size. 

    Square, or almost square images fit the best.
  10. Click Save.
UP NEXT: Product pages