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

Header background

Gecko - Custom liquid

Annie

Written by Annie

Last updated

304 views

On this page


This is an advanced section. Knowledge of web design languages such as LIQUID, HTML, and CSS is required.

custom.gif

It is usually located on Homepage. However, Shopify 2.0 allows you to add the Custom Liquid section to any pages that you want to use.

Steps

  1. In the theme editor (Customize), click Add section

  2. Search Custom Liquid

  3. Click Save button

Code Liquid options

Custom Liquid: This option allows you to add app snippets or other Liquid code to create advanced customizations.

Example: If I input this liquid, the content will display the same as in the image below.

{%- assign gecko_theme = "Top view in this weekend" -%}
<div style="text-align:center; font-size: 30px; color: black;background-color:beige;padding:30px 0;">
{{gecko_theme}}</div>
custom code.gif

Please follow this guideline to config Layout, Background, Margin/Padding for the section.

Note: You can visit to this liquid to understand more about the liquid: Link

[Private Offer] EComposer Partner Plan

ecomposer.jpg
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

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

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