Amber Documentation
  • Amber - Documentation
  • Global Settings
    • Info
    • Typography
    • Colors
    • Styles
    • Search Suggestion
    • Variants and Swatches
    • Product card
    • Breadcrumbs
    • Localization
    • Price
    • Social Media
    • Favicon
    • Cart
    • Animation
    • Checkout
  • Global Features
    • Focal Points
    • Custom product badges
  • Global Sections
    • Announcement bar
    • Header
    • Cookie banner
    • Newsletter popup
    • Product quick view
    • Size guide
  • Content Sections
    • Content sections
    • Common settings
    • Featured collections
    • Featured product
    • Image with text
    • Custom liquid
    • FAQ
    • Featured blog
    • Featured cards
    • Featured products
    • Hero slider
    • Image with products gallery
    • Image with text overlay
    • Logos
    • Media banner
    • Newsletter banner
    • Richtext
    • Shop the look
    • Shop the Look recommendations
    • Size guide
    • Social images
    • Testimonials
    • Marquee
  • Pages
    • Collections list
    • Collection page
    • Product page
    • Size guide page
    • Cart page
    • Contact page
    • Blog
Powered by GitBook
On this page
  1. Pages

Collections list

PreviousMarqueeNextCollection page

Last updated 1 year ago

This is a default Shopify page where all of your collections are listed. The page can be found here:

The collection featured image is used to visualize it. If such image is not present, then the image of the first product in the collection is used.

The main settings in the section are the ones listed . The additional settings are listed below.

  • Aspect ratio for desktop -- Set the aspect ratio of the images on desktop

  • Aspect ratio for mobile -- Set the aspect ratio of the images on mobile

  • Cards per row on mobile -- Set the number of cards per row for mobile devices. Choose between 1 or 2 cards

  • Heading -- Title text above the collections list. You can leave it empty and use another section like Image with text overlay to visualize a banner at the top of the page

  • Body text -- Descriptive text below the heading

here