Untitled
  • Overview
    • 💡Support and documentation
    • ✨Announcement bar
    • ✨Header
    • ✨Split slideshow
    • ✨Slideshow
    • ✨Rich text
    • ✨Featured collection
    • ✨Marquee text
    • ✨Featured content columns
    • ✨Multi image with text
    • ✨Before/after image
    • ✨Featured products
    • ✨Images carousel
    • ✨Shop the look
    • ✨Featured product
    • ✨Featured blog
    • ✨Collection carousel
    • ✨Collections list
    • ✨Logo bar
    • ✨Testimonials
    • ✨Revealed video on scroll
    • ✨Newsletter
    • ✨Collage with text
    • ✨Collapsible content
    • ✨Countdown
    • ✨Text with Icons
    • ✨Video banner
    • ✨Map
    • ✨Images grid
    • ✨Custom liquid
    • ✨Timeline
    • ✨Collections tab
    • ✨Event calendar
    • ✨Featured media grid
    • ✨Store locator
    • ✨Shapes
    • ✨Recently viewed products
    • ✨Media grid
    • ✨Media with text
    • ✨Featured collections list
    • ✨Social media gallery
    • ✨Inline menus
    • ✨Best selling categories
    • ✨Overlapping product list
    • ✨Mobile dock
    • ✨Footer
    • ✨Theme settings
    • ✨Template product
    • ✨Related products
    • ✨Template default collection
    • ✨Template- Blog
    • ✨Template - Default blog post
    • ✨Template- Cart
  • FAQ
    • Theme updates
    • How to setup the presets
      • Set up the demo layouts
    • Dark- Home page JSON
    • Dark- Product page JSON
    • Bold- Home page JSON
    • Bold- Product page JSON
    • Power- Home page JSON
    • Power- Product page JSON
    • Crystal- Home page JSON
    • Crystal- Product page JSON
    • Hunger- Home page JSON
    • Hunger- Product page JSON
    • Support
Powered by GitBook
On this page
  1. Overview

Overlapping product list

Configure the overlapping product list

Go to Customize theme. Click the dropdown menu at the top and select the Home page template.

From the left side menu, select Overlapping product list.

Customize this section by using the setting on the right side of the theme editor, as described in the following table:

Section visibility

Select from the options to select the visibility of this section: -Always -Small devices only(On selecting this, the section will be visible on mobile devices only.) -Large devices only

Image ratio

Choose the image ratio from the following options: - Auto - Landscape - Portrait - Square

Colors> Color scheme

Color scheme Select the color scheme from the given options;

-Primary

-Secondary

-Tertiary

-Quaternary

Note: These can be managed from Theme settings> color schemes.

Block settings: Media product list

Product list

Select any list of products to show in the section.

Image

Choose any image.

Show video

Select this checkbox to show video instead of the image.

Video

Choose any video from the library.

Heading

Enter any text to appear as the title.

Heading size

Select the heading size from the H1-H6 options.

Heading tag

Specify heading code types for SEO and search engines for crawling purposes.

Description

Enter any text to appear as the discription.

Button> Text

Enter any text for the button.

Button> Link

Enter any link for the button.

Button> Size

Choose the button size from the available list of options.

Button> Show button as link

Select this checkbox to show button as a link.

Text position

Choose the position from top, middle or bottom.

Colors

Text Select any color for text. Button background Select any color for the button background. Button text Select any color for the button text. Button border Select any color for the button border. Button hover background Select any color for the button hover background. Button hover text Select any color for the button hover text. Button hover border Select any color for the button hover border. Overlay background Select any color for the overlay background. Overlay opacity Adjust the range bar to determine the overlay opacity.

PreviousBest selling categoriesNextMobile dock

Last updated 1 year ago

✨