Maya
  • Overview
    • 💡Support and documentation
    • ✨Announcement bar
    • ✨Header
    • ✨Slideshow with marquee
    • ✨Hero carousel
    • ✨Trending products
    • ✨Collection carousel
    • ✨Rich text
    • ✨Featured collection
    • ✨Products grid
    • ✨Lookbook
    • ✨Highlight text with image
    • ✨Media with text
    • ✨Collapsible content
    • ✨Blog posts
    • ✨Vertical carousel
    • ✨Burst effects
    • ✨Collection tabs
    • ✨Best selling products
    • ✨Collection list
    • ✨Images comparison
    • ✨Images with text carousel
    • ✨Media with cards
    • ✨Media grid
    • ✨Media with text overlay
    • ✨Scrollable collections
    • ✨Scrolling text
    • ✨Scrollable marquee
    • ✨Testimonials
    • ✨Text with icons
    • ✨Custom liquid
    • ✨Featured product
    • ✨Footer
    • ✨Setup home-two page
    • ✨Theme settings
    • ✨Age verification popup
    • ✨Newsletter popup
    • ✨Template product
    • ✨Setup product specifications on product page
    • ✨Template default collection
    • ✨Template- Blog
    • ✨Template - Default blog post
    • ✨Template- Cart
Powered by GitBook
On this page
  1. Overview

Custom liquid

This section is to add custom liquid code, like app snippets for creating advanced customizations for the store. .

PreviousText with iconsNextFeatured product

Last updated 1 month ago

Configure images grid

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

From the left side menu, select Custom liquid.

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(On selecting this, the section will be visible on mobile devices only.) -Large devices

Color scheme

Select any color scheme defined in the theme settings>Colors>Schemes.

Section background

Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme.

Liquid code

Add app snippets or other liquid code to create advanced customizations. For more details, refer to .

Section spacing

Desktop top space

Adjust the range bar to add spacing at the top of the section for desktop view.

Desktop bottom space

Adjust the range bar to add spacing at the bottom of the section for desktop view.

Mobile top space

Adjust the range bar to add spacing at the top of the section for mobile view.

Mobile bottom space Adjust the range bar to add spacing at the bottom of the section for mobile view.

✨
liquid