Drop-in Shopify Liquid Sections

Copy. Paste.
Ship faster.

Production-ready Liquid sections for Shopify OS 2.0. Built for developers and store owners who want clean code — not another drag-and-drop shortcut.

Works with all OS 2.0 themes
One-time payment · instant download
No app required
fc-marquee.liquid
1{%- comment -%} FunnelCore — Marquee Section {%- endcomment -%}
2 
3<style>
4  .fc-marquee-track { display: flex; animation: fc-scroll 24s linear infinite; }
5</style>
6 
7<div class="fc-marquee">
8  {%- for item in section.blocks -%}
9    <span class="fc-marquee-item">{{- item.settings.text -}}</span>
10  {%- endfor -%}
11</div>
The Toolkit

Ready to drop in.
Zero bloat.

View all sections
BlockBetter Breadcrumbs - Shopify Section & Block
Block · Shopify OS 2.0
Better Breadcrumbs - Shopify Section & Block
You will create what's known as 'hierarchical' or Amazon-style breadcrumbs. Where each product has a main parent collection. It can still be in multiple collections, but you choose a main parent. In other words, this breadcrumb does not show the customer journey. Instead, it shows how your store is organized.  This is better for SEO, because it is more consistent and creates a clear structure that Google can understand, with plenty of internal links. Use it on product, collection, or static pages Display sub-collection structure Generates Rich Snippet Schema code for Google.  Customizable design settings Compatible with any theme Watch the video for more details.
LiquidOS 2.0
BlockDynamic FAQ Block for Horizon
Block · Shopify OS 2.0
Dynamic FAQ Block for Horizon
The accordion looks exactly like the one built-in to Horizon themes, and it has all the same design settings. However, the key difference is that you do not add each accordion row yourself. Rather, they are generated automatically from a Metaobject.  The tutorial video explains how to set up the Metaobject. The instructions file you receive will also contain the exact steps. 
LiquidFAQHorizonOS 2.0
SchemaFAQ Schema Section for Shopify
Schema · Shopify OS 2.0
FAQ Schema Section for Shopify
Add the section to any page to generate a FAQ Schema. Each FAQ Item is a question/answer pair. Add as many blocks as you like. Drag the section anywhere you like - it's invisible! After publishing, you can test that your schema is working using Rich Results test. Don't know what Structured Data or Rich Snippets are? Watch my video - https://www.youtube.com/watch?v=R3EfboOPq9I
LiquidFAQSEOOS 2.0
SectionProduct & Collection Description Section for Shopify
Section · Shopify OS 2.0
Product & Collection Description Section for Shopify
Most themes don't come with a description section. They only have a description block, at the top-right of the page ↗ amongst the buy buttons and other info.  That's a problem if you have a really long description. It takes up too much space.  I prefer to have a short summary at the top, and then a longer, more detailed description lower on the page. That's what this section does.  This section outputs the main "Description" field from your product admin page. This is not a richtext section, nor is it a secondary description. Also use it on collection pages On collection pages, this section will output your collection description. It allows for a short description above your product grid, and then a full-length one below for SEO purposes, making it as long and content-rich as you want. 
LiquidOS 2.0
BlockRelated Product Swatches - Shopify Theme Block
Block · Shopify OS 2.0
Related Product Swatches - Shopify Theme Block
Option 1: Show your Color options Many stores split their colors into separate products instead of using variants.  Gymshark uses this strategy, but features the other products using swatches:  Option 2: Create an Upsell or Recommendation This can take many forms - a combo set or a recommendation like "Frequently bought with" or "Pairs well with": Features:  Control related products using a Metafield or hook in to the Search & Discovery app Adjust column width and mobile spacing Show titles on hover, either as a tooltip or below products. Can be used multiple times on same page with different Metafields  
LiquidOS 2.0
SectionScrolling Marquee Section for Shopify
Section · Shopify OS 2.0
Scrolling Marquee Section for Shopify
This feature is often called a "Ticker", "scrolling announcement bar", etc... Use it for a variety of different content, anywhere on the page, and customize the design to your needs. You can make it unique with emoji's, images, fonts... Link to sales or new products Use emojis or images Lots of settings to customize the design Control the animation speed & direction Watch the video for more info. 
LiquidAnimationOS 2.0
SectionTabs Section for Shopify
Section · Shopify OS 2.0
Tabs Section for Shopify
Each tab is a block. You can use different types of content in each tab: Product Description This simply outputs the product description. Really useful if your description is long, and you don't want it taking up a lot of space above the Add to Cart button. Rich Text Add any text here. You can use this for text that is shown across all products, or you can use a Metafield to show text that is unique to a product, like specs. Page This outputs any page content. For example, the Shipping & Returns policy, or an FAQ page. Custom Liquid You can use code here to output anything you want. Great for embeddable content like iframes for videos, calendars and other widgets. App block You can add any app here that provides blocks. A common use is a customer reviews app like JudgeMe, Yotpo, Shopify Product Reviews and others. Mobile view: Tabs will turn into accordions on mobile screens.  
LiquidOS 2.0
GuideThe DIY Shopify Coding Handbook
Guide · Shopify OS 2.0
The DIY Shopify Coding Handbook
A handbook for absolute beginners to coding with HTML, CSS, and Shopify Liquid. This book will arm you with the skills and knowledge to go beyond the theme settings and start modifying Shopify stores with code! This book is not intended for developers. It's for the amateur coder - store owners, designers... anyone who works on Shopify stores.  Chapters below:
LiquidOS 2.0
Why FunnelCore

Built for devs.
Bought by stores.

Every section is hand-coded, tested on real stores, and delivered as clean Liquid — not a compiled mystery package with 3 dependencies.

Clean Liquid — always
No minified blobs, no third-party scripts. Every file is readable, editable, and yours to keep.
OS 2.0 compatible
Works with Dawn, Horizon, and all major OS 2.0 themes. Theme Editor settings included.
Install guide included
Every download includes a step-by-step PDF. You'll be live in under 10 minutes.
One-time payment
No subscriptions. Buy once, use on unlimited stores. Yours forever.
Performance first
Zero render-blocking scripts. Pure CSS animations. Lighthouse scores stay green.
Built by a developer
Not generated, not outsourced. Tested on real stores and updated when Shopify changes things.
8+
Sections & Blocks
<10m
Avg install time
0
Apps required
OS 2.0
Compatible
How it works

From purchase to live in minutes.

01
Purchase & download
Buy the section you need. You'll get an instant download link — a .liquid file and a PDF install guide.
fc-marquee.liquid
install-guide.pdf
02
Paste into your theme
Open Shopify's code editor, navigate to the sections/ folder, create a new file, and paste the contents in.
Online Store
→ Themes → Edit code
sections/ → New section
03
Add it in the Theme Editor
Hit Customize, click "Add section", and your new section appears. Configure it visually — no coding needed from here.
Customize → Add section
FunnelCore — Marquee
→ Configure & publish