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

Shapes

Configure the shapes

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

From the left side menu, select Shapes.

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

Select shape

Select the shapes from the following options: -Small waves -Asymmetrical 1 -Medium waves -Mountains -Asymmetrical 1

Flip shape

Select this checkbox to flip the shape selected in the above setting.

Image

Select the image.

Image fit

Select the image fit from the following options: -Natural -Cropped

SVG code

Enter the svg code of icons.

Enable marquee

Select the checkbox to enable the marquee of shapes.

Marquee direction

Select from right to left and left to right to display the marquee direction.

Color scheme

Select the color scheme from the given options;

-Primary

-Secondary

-Tertiary

-Quaternary

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

Enable gradient

Select this checkbox to show the gradient in the background color. This can be selected from theme settings>color schemes.

SVG color

Select color of the SVG icons.

Shape ratio

Select from auto or fixed to display the shape size.

Desktop size

Adjust the range bar to select the section size for the desktop view.

Mobile size

Adjust the range bar to select the section size for the mobile view.

PreviousStore locatorNextRecently viewed products

Last updated 10 months ago

✨