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. SECTIONS
  2. Template sections

Featured collection

You can add a section that displays products in one collection.

PreviousEmail signupNextFeatured product

Last updated 1 month ago

To add this section, please follow the below steps:

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

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

  3. Click Add section and choose "Featured collection".

Section settings

Setting
Description

Heading

The title for this section.

Heading style

Style of the heading.

Heading size

The size of the heading text:

  • Small

  • Medium

  • Large

  • Extra large

Heading alignment

The alignment of the heading text and description within the section container:

  • Left - Aligns the heading and description to the left.

  • Center (default) - Aligns the heading and description in the center.

  • Right - Aligns the heading and description to the right.

Description

The description for this section.

Show collection description from the admin if available.

Show the description that you've entered for this collection in admin.

Collection

Which collection you want to display products from.

Maximum products to show

The number of products from the collection to display. Minimum: 2. Maximum: 25.

Number of columns on desktop

Determines the number of product columns on the desktop. Can be from 2 to 4, increasing arithmetically of 1.

Show navigation arrows below content on desktop

Displays the navigation arrows below content on desktop.

Pagination style

Choose layout for the pagination.

Color scheme

Set the color for this section. (Not apply for product card. Color of the product card is changed in the theme settings.)

Product card

Setting
Description

Image ratio

The image ratio for the product 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.

Show second image on hover

When the customer hovers their cursor over the product image, displays the second product image if the product has one.

Show vendor

Displays the vendors of the products.

Enable quick add button

Displays the quick add button that opens a popup displaying all the essential product details.

View all collection

Setting
Description

Enable "View all" if collection has more products than shown

Displays the "View all" button if collection has more products than the "Maximum products to show" setting.

Button style

Style of the "View all" button:

  • Filled

  • Text link

  • Outlined

Mobile layout

Setting
Description

Number of columns on mobile

Determines the number of product columns on the mobile:

  • 1 column

  • 1.5 columns

  • 2 columns

Show pagination

Displays the pagination for this section.

Section padding

Setting
Description

Top padding

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

Bottom padding

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