product page v1

{% comment %} ============================================================================ OMNI BAG — Below-Add-to-Cart Product Page Section ============================================================================ Custom-coded Shopify section covering everything BELOW the native Add to Cart button: quality strip, info accordion (including a Returns item), press bar, feature highlights, satisfaction banner, and FAQ. Reviews are intentionally NOT included here — plug in your reviews widget/app directly below this section instead. INSTALL: 1. Save this file as sections/omni-bag-below-atc.liquid 2. In your product template (product.json / product template liquid), add a section reference directly under your product form / Add to Cart block: {% section 'omni-bag-below-atc' %} 3. All copy, colors, and images are editable in the Theme Customizer. 4. Sample FAQ copy is PLACEHOLDER CONTENT — replace before publishing. 5. Every image uses a labeled placeholder until you upload a real image via the block/section settings — no external image URLs required. 6. The "Returns" accordion item auto-links to your store's Refund Policy (Settings > Policies) if one exists. To point it elsewhere, open that block's settings and set the "Link" field manually. 7. Press logos scroll in a continuous horizontal marquee (pauses on hover, disabled for users with reduced-motion preferences set). 8. Feature highlight media is sized for vertical 9:16 video. Upload a video in a block's "Video" setting (takes priority), or fall back to the "Image" setting, or leave both blank for a placeholder. ============================================================================ {% endcomment %} {{ 'https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;1,500&display=swap' | stylesheet_tag }}
{%- comment -%} 1. Quality strip {%- endcomment -%}
{{ section.settings.guarantee_badge_text | default: "Crafted With Premium Materials — Built to Last" }}
{%- comment -%} 2. Info accordion {%- endcomment -%} {%- assign acc_blocks = section.blocks | where: "type", "accordion_item" -%} {%- if acc_blocks.size > 0 -%}
{%- for block in acc_blocks -%} {%- assign acc_link = block.settings.link_url -%} {%- if acc_link == blank and shop.policies.refund_policy.url != blank -%} {%- assign acc_link = shop.policies.refund_policy.url -%} {%- endif -%}
{{ block.settings.content }} {%- if acc_link != blank -%}

{{ block.settings.link_label | default: "Read our return policy" }}

{%- endif -%}
{%- endfor -%}
{%- endif -%} {%- comment -%} 3. Press bar {%- endcomment -%} {%- assign press_blocks = section.blocks | where: "type", "press_logo" -%} {%- if press_blocks.size > 0 -%}
{{ section.settings.press_heading | default: "As Seen In" }}
{%- for block in press_blocks -%} {%- endfor -%} {%- for block in press_blocks -%} {%- endfor -%}
{%- endif -%} {%- comment -%} 4. Feature highlights {%- endcomment -%} {%- assign feature_blocks = section.blocks | where: "type", "feature" -%} {%- if feature_blocks.size > 0 -%}
{%- for block in feature_blocks -%}
{%- if block.settings.video -%}
{{ block.settings.video | video_tag: autoplay: true, loop: true, muted: true, playsinline: true, controls: false, image_size: '600x' }}
{%- elsif block.settings.image -%}
{{ block.settings.heading }}
{%- else -%}
Lifestyle video placeholder (9:16)
{%- endif -%}
{{ block.settings.eyebrow }}

{{ block.settings.heading | default: "Feature heading" }}

{{ block.settings.text }}

{%- endfor -%}
{%- endif -%} {%- comment -%} Feature bullet list {%- endcomment -%} {%- if section.settings.bullets_heading != blank or section.settings.bullets_items != blank -%}

{{ section.settings.bullets_heading | default: "Built For Real Life" }}

{%- assign bullet_lines = section.settings.bullets_items | newline_to_br | split: '
' -%} {%- for line in bullet_lines -%} {%- assign clean_line = line | strip -%} {%- if clean_line != blank -%}
{{ clean_line }}
{%- endif -%} {%- endfor -%}
{%- endif -%} {%- comment -%} 5. Satisfaction banner {%- endcomment -%}
{%- if section.settings.banner_image -%}
{{ section.settings.banner_heading }}
{%- else -%}
Wide banner image placeholder
{%- endif -%}

{{ section.settings.banner_heading | default: "Customer Satisfaction First" }}

{{ section.settings.banner_text | default: "We make sure every Omni Bag customer feels heard, supported, and taken care of — from checkout to unboxing and beyond." }}

{%- comment -%} 6. FAQ {%- endcomment -%} {%- assign faq_blocks = section.blocks | where: "type", "faq" -%} {%- if faq_blocks.size > 0 -%}

{{ section.settings.faq_heading | default: "Frequently Asked Questions" }}

{%- for block in faq_blocks -%}
{{ block.settings.answer }}
{%- endfor -%}
{%- endif -%} {%- comment -%} Reviews intentionally omitted — plug in your reviews widget/app directly below this section. {%- endcomment -%}
{%- comment -%} If this section lives on a Shopify "Page" template, the theme usually auto-renders its own page-title section (an h1 with the page's name) above the page content — that's the "Product Page V1" heading Shopify adds, not something in this section. Two layers here, since theme markup varies a lot: (1) a CSS blocklist of the class/id names most Shopify themes use for that title, applied immediately with no JS dependency, and (2) a JS fallback that finds ANY heading matching the real page title text and hides its wrapping section. Both are no-ops on product templates. If your theme still shows the title after this, right-click it → Inspect, and send me the class/id on the element so I can add it to the list. {%- endcomment -%} {%- if page.title != blank -%} {%- endif -%} {% schema %} { "name": "Omni Bag — Below ATC", "class": "ob-section-wrapper", "settings": [ { "type": "header", "content": "Quality strip" }, { "type": "text", "id": "guarantee_badge_text", "label": "Quality message", "default": "Crafted With Premium Materials — Built to Last" }, { "type": "header", "content": "Press bar" }, { "type": "text", "id": "press_heading", "label": "Press bar label", "default": "As Seen In" }, { "type": "header", "content": "Feature bullets" }, { "type": "text", "id": "bullets_heading", "label": "Bullets heading", "default": "Built For Real Life" }, { "type": "textarea", "id": "bullets_items", "label": "Bullet items (one per line)", "default": "Water-resistant, wipeable exterior\nNon-slip, snag-free zippers\nAdjustable strap fits every body\nMachine-washable interior lining" }, { "type": "header", "content": "Satisfaction banner" }, { "type": "image_picker", "id": "banner_image", "label": "Banner image" }, { "type": "text", "id": "banner_heading", "label": "Banner heading", "default": "Customer Satisfaction First" }, { "type": "textarea", "id": "banner_text", "label": "Banner text", "default": "We make sure every Omni Bag customer feels heard, supported, and taken care of — from checkout to unboxing and beyond." }, { "type": "header", "content": "FAQ" }, { "type": "text", "id": "faq_heading", "label": "FAQ heading", "default": "Frequently Asked Questions" }, { "type": "header", "content": "Brand colors" }, { "type": "color", "id": "bg_color", "label": "Page background", "default": "#FFFFFF" }, { "type": "color", "id": "card_color", "label": "Card background", "default": "#FFFFFF" }, { "type": "color", "id": "text_color", "label": "Text", "default": "#111111" }, { "type": "color", "id": "muted_color", "label": "Muted text", "default": "#6B6B6B" }, { "type": "color", "id": "accent_color", "label": "Accent", "default": "#111111" }, { "type": "color", "id": "accent_color_dark", "label": "Accent — dark", "default": "#000000" }, { "type": "color", "id": "secondary_color", "label": "Secondary", "default": "#111111" }, { "type": "color", "id": "secondary_color_light", "label": "Secondary — light (fills)", "default": "#F0F0F0" }, { "type": "color", "id": "border_color", "label": "Borders", "default": "#E2E2E2" } ], "blocks": [ { "type": "accordion_item", "name": "Info accordion item", "settings": [ { "type": "text", "id": "icon", "label": "Icon (emoji, optional)", "default": "📦" }, { "type": "text", "id": "heading", "label": "Heading", "default": "What's Included" }, { "type": "richtext", "id": "content", "label": "Content", "default": "
  • 1x Omni Bag with adjustable strap
  • Crafted with premium, durable materials
  • 24/7 real-human support
" }, { "type": "checkbox", "id": "open_by_default", "label": "Open by default", "default": false }, { "type": "url", "id": "link_url", "label": "Link (optional)", "info": "Leave blank to auto-link to your store's Refund Policy (Settings > Policies) if one exists." }, { "type": "text", "id": "link_label", "label": "Link text", "default": "Read our return policy" } ] }, { "type": "press_logo", "name": "Press logo", "settings": [ { "type": "text", "id": "label", "label": "Outlet name / placeholder", "default": "Press Logo" } ] }, { "type": "feature", "name": "Feature highlight", "settings": [ { "type": "video", "id": "video", "label": "Video (9:16 recommended)", "info": "Vertical lifestyle/proof-of-capacity clip. Takes priority over the image below if both are set." }, { "type": "image_picker", "id": "image", "label": "Image (used if no video is set)" }, { "type": "select", "id": "layout", "label": "Media position", "default": "left", "options": [ { "value": "left", "label": "Left" }, { "value": "right", "label": "Right" } ]}, { "type": "text", "id": "eyebrow", "label": "Eyebrow (optional)" }, { "type": "text", "id": "heading", "label": "Heading", "default": "Big Capacity, Zero Bulk" }, { "type": "textarea", "id": "text", "label": "Text", "default": "Fits everything you actually need for the day without ever looking bulky." } ] }, { "type": "faq", "name": "FAQ item", "settings": [ { "type": "text", "id": "question", "label": "Question", "default": "When will I get it?" }, { "type": "richtext", "id": "answer", "label": "Answer", "default": "

Most orders ship within 1-2 business days and arrive within 6-12 business days.

" } ] } ], "presets": [ { "name": "Omni Bag — Below ATC", "blocks": [ { "type": "accordion_item", "settings": { "icon": "📦", "heading": "What's Included", "content": "
  • 1x Omni Bag with adjustable strap
  • Crafted with premium, durable materials
  • 24/7 real-human support
", "open_by_default": true } }, { "type": "accordion_item", "settings": { "icon": "🚚", "heading": "Shipping Info", "content": "

Orders are processed within 1-2 business days.

  • United States: 7-12 business days
  • Worldwide: 7-15 business days
" } }, { "type": "accordion_item", "settings": { "icon": "↩️", "heading": "Returns", "content": "

We believe in easy returns. Please read our return policy for further info.

", "link_label": "Read our return policy" } }, { "type": "accordion_item", "settings": { "icon": "📏", "heading": "Weight & Dimensions", "content": "
  • Weight: 0.7 lbs (320g)
  • Dimensions: 11\" x 4.5\" x 8.5\"
  • Material: water-resistant nylon twill
" } }, { "type": "press_logo", "settings": { "label": "Press Logo" } }, { "type": "press_logo", "settings": { "label": "Press Logo" } }, { "type": "press_logo", "settings": { "label": "Press Logo" } }, { "type": "press_logo", "settings": { "label": "Press Logo" } }, { "type": "feature", "settings": { "layout": "left", "eyebrow": "The Mechanism", "heading": "Big Capacity, Zero Bulk", "text": "The Omni Bag holds everything you actually need for the day without ever looking bulky — a full water bottle, wipes, wallet, keys, even a spare outfit." } }, { "type": "feature", "settings": { "layout": "right", "eyebrow": "Stay Organized", "heading": "Four Pockets, Zero Chaos", "text": "A spacious main compartment, a hidden back security pocket, a front grab-and-go pocket, and an interior zip pocket — everything has a place." } }, { "type": "feature", "settings": { "layout": "left", "eyebrow": "All-Day Comfort", "heading": "Comfort That Moves With You", "text": "An extra-wide, fully adjustable strap distributes weight evenly, so it never digs into your shoulder — worn crossbody or as a bum bag, your way." } }, { "type": "faq", "settings": { "question": "When will I get it?", "answer": "

Orders are processed within 1-2 business days. Delivery takes 7-12 business days within the United States, or 7-15 business days worldwide.

" } }, { "type": "faq", "settings": { "question": "I bought a similar bag before and the zipper broke — is this different?", "answer": "

The Omni Bag uses reinforced stitching and smooth-gliding, snag-free zippers built for daily use — not a cheap knockoff.

" } }, { "type": "faq", "settings": { "question": "Is the strap comfortable for plus-size or tall bodies?", "answer": "

Yes — the strap is fully adjustable and extra-long, designed to fit comfortably across every body type.

" } }, { "type": "faq", "settings": { "question": "Will it fit everything I need as a mom on the go?", "answer": "

Yes — it's built to replace a bulky diaper bag while keeping everything organized, accessible, and out of sight.

" } }, { "type": "faq", "settings": { "question": "Is it water-resistant and easy to clean?", "answer": "

Yes — the exterior wipes clean in seconds, so spills and messes don't ruin your day.

" } } ] } ] } {% endschema %}