Ascent(English)
Contact usFAQsFree to install
English
English
  • Introduction
  • Support Policy
  • Refund Policy
  • Template Installation
  • FAQs
  • Global Settings
    • Layout
    • Colors
    • Typography
    • Breadcrumb
    • Animations
    • Section header
    • Product cards
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart settings
    • Favicon
    • Custom CSS
  • Header
    • Custom Mega Menu
    • Mobile Menu Obstruction by Third-Party Plugins
  • Side Drawer
    • Search Drawer
    • Shopping Cart Drawer
  • Sections
    • Seamless scroll
    • Announcement bar
    • Countdown
    • Collection thumbnails
    • Narrow banner image
    • Image banner
    • Video banner
    • Slideshow
    • Image with text
    • Image-text list
    • Rich text
    • Newsletter
    • Text with icons
    • Logo list
    • Contact form
    • FAQs
    • Multicolumn
    • Image comparison banner
    • Image hotspots banner
    • Map
    • Featured collection
    • Featured product
    • Collection list
    • Custom liquid
    • Composite display
    • Confetti trigger
    • Custom section header
    • Quote
    • Testimonials
    • Image gallery
    • Product compare table
    • Text lens zoom
    • Scroll image expand
    • Milestones
    • Team
    • Highlight features
    • Steps
    • Media wall
  • Popups
    • Event popup
    • Age verification popup
  • Footer
    • Custom Payment Icons
  • Tool bar
  • Pages
    • Product Collection Page
      • Create Subcategory
    • Main product
      • Gifts (Freebies)
      • Product Pre-order
      • Size Chart
      • Variant Images Group
      • Variant Samples
      • Complementary Products
      • Related Products
      • Sibling Products
      • In Box Products
      • Product A+ Page
      • Performance Indicator Bar
      • Delivery ETA
  • Others
    • Version Upgrade Notes
      • v2.2.1 (Current version)
      • v2.1.8
      • v2.1.7
Powered by GitBook
On this page
  • Configuration Guide
  • Usage Recommendations

Was this helpful?

  1. Sections

Collection list

The Product Series List Module is a powerful tool for showcasing multiple product series. By configuring various images, titles, and display styles, merchants can present product series on the homepage or other pages, guiding users to view and purchase items from different series. This module supports carousel, navigation buttons, and other features to enhance the user experience.

Configuration Guide

1. Section Title Settings

  • Display Section Title: Enable or disable this option to display the title of the product series module.

  • Title: Enter the title text for the product series list.

  • Description: You can add a brief text to introduce the series list.

  • Watermark Background Text: Set watermark-style text in the background.

  • Button Text: Set the text for the button, such as "View All."

  • Button Link: Set the button’s link, which can lead to other pages or series lists.

2. Content Settings

  • Enable Carousel on Desktop: This option allows carousel functionality for the product series on desktop.

  • Enable Full-Screen Carousel: Optional, allows a full-screen carousel mode for showcasing series.

  • Enable Auto Carousel: Set the carousel speed for automatic switching between product series.

  • Display Navigation Buttons: Show navigation buttons on desktop to help users control carousel switching.

  • Show Pagination Dots: Display dots that indicate the current position in the carousel while switching series.

3. Card Settings

  • Color Scheme: Set the overall color style for the product series cards.

  • Image Ratio: Choose the image ratio when displaying series images, such as square or vertical.

  • Background Opacity: Set the background opacity of the card content, with a default of 60%.

  • Enable Background Blur: When enabled, the card background will have a blur effect.

4. Text Alignment

  • Text Alignment: Set the text alignment inside the cards (left, center, or right).

  • Title Size: Choose the size of the title text (small, medium, large), and there’s an option to display the title in uppercase.

5. Mobile Settings

  • Enable Carousel on Mobile: This option enables carousel functionality on mobile devices, ensuring a good display experience on mobile.

Usage Recommendations

  1. Choose Titles and Descriptions Wisely: Concise and clear titles and descriptions can effectively guide users to click and explore the product series.

  2. Use Eye-Catching Images: Since images are the first element users notice, selecting high-quality, clear product series images can boost conversion rates.

  3. Customize Card Styles: Adjust the image ratio, background opacity, and enable blur effects to make the cards match the store's design style.

  4. Enable Carousel: If there are many product series, enabling the carousel feature can prevent the page from looking too crowded, while allowing users to browse through the series smoothly.

  5. Optimize for Mobile: Ensure a seamless carousel experience on mobile devices to enhance the mobile user experience.

PreviousFeatured productNextCustom liquid

Last updated 1 month ago

Was this helpful?