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
    • Shop the feed
    • 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

Was this helpful?

  1. Sections

Steps

PreviousHighlight featuresNextMedia wall

Last updated 6 months ago

Was this helpful?

The Steps Module is designed to display a series of ordered steps, each containing an image, heading, and description, to guide users through a specific process. This module is ideal for showcasing customization processes or any sequence where users need step-by-step guidance.

Features

  1. Image: Upload an image for each step to provide users with a visual understanding of the current step.

  2. Heading: Set a concise title for each step to give users a quick overview of the step’s purpose.

  3. Description: Provide a detailed explanation of each step’s specific information or actions to help users understand and complete it.

Settings

  1. Number of Steps: You can add up to 4 steps (blocks). Each step is an independent block that can be added, edited, or removed as needed.

  2. Order of Steps: Steps are displayed in the order they are added, ensuring users can follow the intended sequence.

  3. Content Editing: Customize each step's content through the "Image," "Heading," and "Description" fields, offering a clear and organized guide for users.

Usage Recommendations

  • Image Selection: Use images that are relevant to each step to enhance visual clarity.

  • Concise Headings and Descriptions: Keep headings brief and to the point. Descriptions can be more detailed but should avoid unnecessary length to ensure easy understanding.

  • Ideal for Complex Processes: This module is perfect for illustrating product customization, service workflows, or project milestones, helping users understand each step in the process.