Ascent
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
    • Shop the feed
    • Reading Text
    • 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.3.2 (coming soon)
      • v2.2.1 (Current version)
      • v2.1.8
      • v2.1.7
Powered by GitBook
On this page
  • Feature Details
  • Usage Suggestions

Was this helpful?

  1. Sections

Collection thumbnails

PreviousCountdownNextNarrow banner image

Last updated 2 months ago

Was this helpful?

The Category Icon List feature is designed to display multiple product categories on a page, each with an icon and a name. This functionality helps users quickly browse and navigate to the product categories they are interested in.

Feature Details

  1. Adapt for transparent image

    If the collection image has a transparent background, it is recommended to enable this option for optimal display.

  2. Layout Style:

    You can choose the layout style for the Category Icon List:

    • Horizontal: Arrange all category icons and titles horizontally. This layout is suitable for a landscape orientation.

    • Vertical: Arrange all category icons and titles vertically. This layout is suitable for a portrait orientation.

  3. Icon Block Settings:

    Each icon block represents a product category. For each category, you can set the following:

    • Image: Upload an image for the product category. This is often used to showcase featured products within that category.

    • Select Product Series: Choose a product series from existing ones to serve as the content source for the category.

    • Custom Series Title: Optionally, set a custom title for the product series, which will be displayed below the icon.

Usage Suggestions

  • Clear Navigation:Use the category icon list to help users quickly identify and navigate to their desired product categories. Ensure that icons and titles are clear and easily understandable for users.

  • Consistent Style:Maintain consistency in the color scheme and icon style to enhance brand image and user experience.

  • Regular Updates:Update category icons and product series content according to product updates or promotional events to keep the content fresh and relevant.