Megamog
Try Megamog freeResourcesOther solutions
  • What is Megamog theme?
  • Changelog
  • Refund policy
  • Support policy
  • Terms of Service
  • Getting started
    • Install Megamog theme
      • Install Megamog in 1-click fast way
      • Install Megamog manually
    • Add Custom code/ CSS correctly
    • Integrate Shopify Review apps
    • Mega menu
    • Purchase code & activation
    • Update Megamog theme
    • FoxHome
  • Build for success series
    • Product page for Beauty store like Kylie Jenner 🔥
    • Landing page for Fashion store like Bremont
  • Page's global sections
    • Announcement bar
    • Age verifier pop-up
    • Header
    • Footer
    • Mobile sticky bar
  • Theme sections
    • Before/ After image slider
    • Blog posts
    • Brand list
    • Collapsible content
    • Collection spotlight
    • Collection list
    • Collection links
    • Countdown timer
    • Custom content
    • Favorite product slider
    • Featured collection
    • Featured product
    • Featured promotion
    • Featured products slider
    • Google Maps
    • Image banner
    • Image with text
    • Instagram
    • Lookbook
    • Newsletter
    • Press
    • Product tabs
    • Recently viewed products
    • Scrolling promotion
    • Slideshow
    • Testimonials
    • Video
    • Video hero
    • Banner grid
    • Multiple columns
    • Store locator
  • Theme settings
    • General settings
    • Layout settings
    • Additional pages
    • Advanced
    • Animation
    • Article card
    • Badges
    • Cart settings
    • Checkout
    • Colors & Color schemes
    • Corner radius
    • Currency format
    • GDPR settings
    • Intergrated apps
    • Integration
    • Pop-up & drawer
    • Product card
    • Product options design
    • Product options swatches
    • Social sharing
    • Search settings
    • Store contact
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Page sections
        • Breadcrumb
        • Product information
        • Product information tabs
        • Product recommedations
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product listing
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • Cart & Checkout
    • Password
  • FAQS
    • Add a gift wrap option to my cart
    • Add custom badges to my product card
    • Add recipient fields to my gift card product
    • Add/ Remove Social icons in footer
    • Change the default product order in collection
    • Customize search results
    • Move the collection description to under the product listing
    • Remove the tax-included information in product page
    • Set up local pickup
    • Show Payment icons on the Footer
  • TROUBLESHOOTING
    • Contact form submissions not found
    • Translation apps incompatibility
Powered by GitBook
On this page
  • Collection list settings
  • 1. Section Header
  • 2. Collection Card settings:
  • 3. Slider settings
  • Collection/banner block settings
  1. Theme sections

Collection list

A guide to set up a collection list

PreviousCollection spotlightNextCollection links

Last updated 3 months ago

The collection list displays a quick list of desired collections to catch visitors' attention.

Steps

  1. In the theme editor (Customize), click Add section.

  2. Locate Collection list.

  3. Save.

The collection list consists of collections and image card blocks.

Collection list settings

1. Section Header

Use the provided text fields to add a suitable heading, heading size. Leave it blank if you do not want to display it. Adjust the text alignment as Left/Center

2. Collection Card settings:

Modify the card style, text alignment (left/center), and hover effect by selecting options in the dropdown.

You can choose your Layout for the collection list as:

Card style includes:

  • Standard

  • Product count inline

  • Content inside

  • Hozirontal

The hover effect includes:

  • Scale up

  • Scale down

  • None

You can enable showing product count and decide whether the numbers are in the same line with the collection titles or in a different line.

You can also make the collections' images rounded, images will then be cropped.

Grid settings

Determine the number of collections shown per row and the gap between columns.

3. Slider settings

Select Enable slider options to run the list automatically.

You can also use pagination or navigation for your collection list.

Collection/banner block settings

Each collection/banner block has its own settings such as title, image, and collection link to choose from.

You can watch this video for reference