Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Gecko - Timeline

Maria Do

Written by Maria Do

Last updated


On this page

A timeline is the presentation of a chronological sequence of events along a drawn line that enables a viewer to understand temporal relationships quickly.

This section allows you to display detailed histories as well as write notes and comments for the processes you want to show the customer.

You can go to this page to view an example: ​


  • Theme editor (Customize) > Add Section

  • Search Timeline

  • Click Save

1. Timeline content

  • Icon: This option helps you to choose to show the icon from Use SVG, Line awesome or Use image.

  • Content: You can freely add the Step Label, Heading, Description, Button Label and customize it with many design options.

  • Image: This option allows you to upload image and customize it with many design options.


2. How to configure Timeline section

  • Heading option: This option allows you to choose a design heading and set the Heading align center or not. And you can also enter the content of the Heading and Description, add the Bottom Space for the section.


General options: This option allows you to choose a Line timeline style for the section.

Design options: This option allows you to choose layout between Custom width, Container, Wrapped Container, Custom width and Full width and you can also add margin/padding for section (all desktop, tablet, and mobile devices).

[Private Offer] EComposer Partner Plan

Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.