Soul Documentation
  • Greeting
  • UPDATES
    • What's new in Soul
      • Release Notes
      • Version 3.1.0 release
      • Version 3.0.0 release
    • Demo stores
      • Elegant
      • Warm
      • Dark
  • SECTIONS
    • Header
      • Announcement bar
      • Header
    • Template sections
      • A to Z brands
      • Blog posts
      • Collage
      • Collapsible content
      • Collection list
      • Collection showcase
      • Collection spotlight grid
      • Contact form
      • Custom Liquid
      • Dynamic hover blocks
      • Email signup
      • Featured collection
      • Featured product
      • Flexible content
      • Image banner
      • Image comparison
      • Image gallery
      • Image with text
      • Image with product
      • Lookbook
      • Map
      • Multicolumn
      • Multirow
      • Rich text
      • Page
      • Recently viewed products
      • Running text with image
      • Shop the look
      • Slideshow
      • Testimonials
      • Video
    • Footer
    • Popup
  • THEME SETTINGS
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Variant pills
    • Inputs
    • Product cards
    • Collection cards
    • Blog cards
    • Pop-ups
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart
    • Breadcrumb
    • Preloading screen
    • Back to top
    • Custom CSS
  • COLLECTION LIST PAGE
    • Collections list page
  • COLLECTION PAGE
    • Collection
      • Collection banner
      • Product grid
  • PRODUCT PAGE
    • Product page
      • Product information
      • Product tabs
      • Related products
  • BLOG & BLOG POST PAGE
    • Blog page
    • Blog post page
  • CART
    • Cart
  • OTHER PAGES
    • How to create a page?
    • Search page
    • Password page
    • 404 page
  • TUTORIALS & TOPICS
    • How to enable size chart on product page
    • How to enable gift wrap option on cart page
    • How to enable free shipping notification
    • How to add a countdown timer on the product page
  • Knowledge base
    • Getting started in Shopify
    • Shopify help center
    • Shopify developers platform
  • Get Support
Powered by GitBook
On this page
  1. COLLECTION LIST PAGE

Collections list page

This page allows customers to browse through different categories or curated selections of products, making it easier for them to find items that meet their interests or needs. It’s a great way to showcase the range of products available and to help customers navigate through your store’s offerings.

How to set up sections for Collection list page?

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Choose Collection list from the dropdown window.

  4. From the side menu, select Collection list page. Configure the collection list page in the setting on the side with the following settings.

Setting
Description

Heading

The title of the section.

Selected collections

Choose the collections that you want to show.

If this settings is blank, all collections will be displayed.

Image ratio

The image ratio for the collection images:

  • Adapt to image (default) - Uses the aspect ratio of the images. This prevents the images from being cropped.

  • Square - Crops the images to use a 1:1 ratio.

  • Portrait - Crops the images to use a 2:3 ratio.

Pagination

Setting
Description

Pagination

Type of the pagination:

  • Pagination - Divide collection into separate pages.

  • Button - Show the Load More button.

Pagination by

Determines the number of collections per page.

Section padding

Setting
Description

Top padding

Determines the height of the top inner space of the main section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Bottom padding

Determines the height of the bottom inner space of the main section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

PreviousCustom CSSNextCollection

Last updated 11 months ago