Merchant guide · Source version 1.1.0 · Updated 1 November 2026. Preview and test your own store before publishing.
Wisewear theme guide
Version 1.1.0 · Updated 1 November 2026
Wisewear is a Shopify theme designed for gadget, audio, charging, and accessory catalogs. This guide covers the current theme files. It is not evidence of Shopify Theme Store approval. Use the support section below for theme questions. Store-specific payments, apps, and checkout behavior must be tested in your own store.
1. Install and preview
For a developer-supplied ZIP, open Shopify admin → Online Store → Themes → Import theme / Add theme → Upload ZIP file. Select wisewear-theme.zip, not the documentation bundle. The ZIP must contain the theme folders directly, including assets, config, layout, sections, snippets, and templates. Shopify's theme installation instructions cover the current admin flow.
Open the theme editor for the newly uploaded theme. Keep it unpublished while configuring it. Preview desktop and mobile. Publishing changes the storefront customers see, so complete the launch checklist first. Keep a copy of your previous theme for rollback.
Theme installation does not create products, collections, pages, menus, discount codes, or subscription plans. Those are store data. The local Wisewear preview is a demonstration, not an importable store catalog.
2. First setup
- Add your real products, prices, stock, descriptions, variants, and images. Make intended products available to the Online Store sales channel.
- Create useful collections, such as Audio, Charging, and Accessories, using your actual catalog.
- In the theme editor, open Theme settings. Set heading/body fonts, page width, animations, favicon, and optional page-loading logo.
- Open Header. Set the logo or wordmark, desktop/mobile sizes, and main menu.
- Open Footer. Set its logo, menu, business description, and store-specific content.
- Configure each home-page section with your own collections, links, imagery, and text. Remove sections you do not need.
- Create About and Contact pages, then assign the corresponding page templates when available in the page's template selector. Add their links to your menus. If an unpublished template is not selectable in admin, preview its layout in the theme editor and assign it when available.
- Configure store payments, shipping, policies, taxes, and customer notification details separately in Shopify admin.
3. Header and navigation
Choose the main menu in Header. Nested menu links become desktop mega menus and expandable mobile groups. Use clear category names and verify every destination.
The Default mega menu image supplies a fallback preview. Menu link image blocks let you override a specific link's image; use the exact matching link URL. Product and collection links can use their own linked imagery.
Search opens a dialog. Favorites are stored in the shopper's browser; they do not synchronize across accounts or devices. Shopping bag opens the cart drawer. Test all three with real products.
4. Build your homepage
Add sections through the theme editor and drag them into the desired order. Section names below match the current schema. Available controls vary by section.
| Section | What to configure |
|---|---|
| Image slideshow | Slide images, optional mobile images, text, buttons, slide height, autoplay, interval, and navigation. Use consistent image proportions across slides. |
| Shop by category / Collection cards | Collections, custom labels, images, and destinations. Verify each selection on a fresh store. |
| Featured collection | Select a populated collection and product count. |
| Collection showcase | Choose tabs or split-banner layout; configure collections, banner, card options, and quick add. |
| Product spotlight | Select the featured product, optional image, copy, and destination. |
| Feature tiles / Values and benefits | Add concise, accurate benefit blocks and icons. |
| Image with text / Editorial text | Add brand content and a useful destination. |
| Split promo banners / Bento promo grid | Configure each card's image, copy, link, and layout. Preview stacking on mobile. |
| Scrolling marquee banner | Set items, speed, direction, spacing, and pause behavior. Keep essential information readable without motion. |
| Parallax cinematic banner | Set desktop/mobile imagery, overlay, card position, and links. |
| Countdown sale banner | Enter an actual promotion deadline, copy, and coupon code. Create the discount separately in Shopify. |
| Review reels (Videos) | Add permitted customer/creator videos, product links, and genuine review details. |
| Customer stories | Replace all sample review text with authentic, permissioned content before publishing. |
| FAQ accordion | Add store-specific questions and answers. |
| Newsletter | Add your invitation and consent wording, then test an actual signup. |
| Custom Liquid | For carefully reviewed custom code. Duplicate the theme before editing code. |
Use desktop and mobile padding controls where provided. Choose accessible colors and readable font sizes. Desktop banner art can crop differently on mobile; use a mobile image where the section supports it. Keep important text in text fields rather than only in images.
For countdowns, include a timezone offset in the date, for example 2026-12-31T23:59:59+05:30. A date without an offset is interpreted in the visitor's timezone. Expired or invalid dates show the ended state. A timer does not create, activate, or end a Shopify discount.
5. Products, variants, and pricing
Product content comes from Shopify's product record. Check every option combination, including sold-out and nonexistent combinations. Changing an option refreshes purchasing details. If a request fails, the interface pauses purchasing and provides a reload link.
Enter the amount charged in Price. A higher Compare-at price produces crossed-out reference pricing and savings. The current interface uses the label “MRP”; check whether that wording is appropriate for your store before launch. Do not enter an invented reference price.
Product details includes mobile purchase controls and gallery settings. Configure the gallery layout, thumbnails, arrows, pagination, and zoom only after checking them with your own image and video mix.
Subscriptions require a compatible app and selling plans configured in Shopify. The theme displays existing allocations; it does not supply a subscription service. Accelerated payment branding depends on Shopify and enabled payment methods.
Optional product metafields
Create product metafield definitions through Shopify's custom-data settings, then populate each product. These are optional enhancements, not a catalog-import mechanism.
| Namespace/key | Intended data |
|---|---|
| custom.short_description | Multi-line introduction |
| custom.highlights | List of single-line benefit text |
| custom.specifications, custom.compatibility, custom.warranty | Multi-line or rich-text product information |
| custom.materials, custom.dimensions, custom.care_instructions, custom.in_the_box | Multi-line product details |
| custom.story_title | Single-line story heading |
| custom.story | Rich text |
| custom.story_image | File reference restricted to images |
Product story also has section settings. Product reviews and apps accepts app content; install and configure your chosen app first. Product recommendations depend on Shopify data and configuration and can remain hidden when no results are returned.
6. Collections, cart, and discounts
Configure collection filters in Shopify Search & Discovery and test the rendered collection page. Choose a sort order, apply filters, clear them, and test pagination and empty results.
Theme settings → Cart drawer controls featured add-ons, their collection, and the coupon box. Products that need options or additional purchase setup should be opened on their product page.
Test add, remove, quantity changes, zero-price discounted lines, and the full cart page. Coupon feedback distinguishes saving a code from final eligibility; inspect the actual discount and checkout totals. Order notes are available on the full cart page.
7. Pages and content
Available template families include home, product, collection, all collections, cart, search, blog, article, standard page, About, Contact, 404, password, and issued gift card. Do not advertise other template types until implemented and tested.
Replace sample text, placeholder imagery, review claims, menu destinations, and promotion details. Enter accurate page titles and search descriptions in Shopify. Check social-sharing previews using the deployed store URL.
8. Troubleshooting
| Problem | What to check |
|---|---|
| ZIP will not upload | Use wisewear-theme.zip, not the guide bundle; keep the ZIP intact. Record Shopify's exact error. |
| Products are missing | Product publication, collection contents, section collection selection, inventory, and active filters. |
| Preview differs from the demo | Products, menus, photographs, apps, and pages are separate store data. |
| Wrong image crop | Image proportions, section height, mobile image, and gallery settings. |
| Buy button disabled | Option availability, missing combination, inventory, quantity rules, and any loading error. |
| Coupon does not reduce the total | Code configuration, dates, eligibility, minimums, and Shopify checkout results. |
| No recommendations | Product recommendation configuration and availability of related products. |
| Favorites disappeared | Browser storage may have been cleared or blocked; another device has separate favorites. |
| Loader or animations absent | Check animations, loader setting, reduced-motion preference, and theme-editor preview. |
| App is not visible | App installation, enabled app embed/block, template placement, and compatibility. |
| Countdown ended | Check the date and timezone offset; expired timers intentionally do not restart. |
9. Launch and updates
Before publishing, complete a test order, verify cart totals and stock behavior, test contact and newsletter delivery, and inspect all menu links. Test mobile and desktop layouts, keyboard navigation, long titles, empty collections, and app interactions.
For an update, preserve the previous theme, review release notes, and test a separate copy with your current content. Do not assume custom code transfers automatically. Record customizations before replacing files. Recheck checkout after any purchasing changes.
10. Getting support
Contact Ybav on WhatsApp at +91 7356143802. Theme support covers questions about the supplied theme and reproducible theme defects. Bespoke design, custom development, third-party app work, and Shopify account administration require separate scoping. No response-time commitment is specified here.
Include your store URL, theme version, page URL, expected and actual behavior, steps to reproduce, device/browser, and screenshots. Never send passwords, payment details, or customer personal data in a support request.
11. Version 1.1.0 features
Footer country and language selectors appear when your store offers multiple choices. Configure Markets and published languages in Shopify first. The theme includes editable English strings; you must supply translations for additional languages through your store's translation workflow.
Search results now include the filters available from Shopify and a sort selector. Configure Search & Discovery filters, then verify query, price, availability, and clear-filter behavior.
The full cart includes Shopify accelerated checkout and installment output when available. The product form also displays eligible installment information. Pickup locations appear for the selected variant when local pickup is configured.
Gift-card products include an optional recipient email, name, message, and send date. Recipient delivery uses Add to bag, rather than accelerated product checkout. Dates can be up to 90 days ahead. Issued gift cards display code, balance/status, a QR code, and an Apple Wallet link when Shopify supplies one. Test actual issuance and delivery before launch.
The password page is now customizable and can show newsletter signup. A storefront password is separate from the Shopify admin login.
12. Frequently asked questions
Does installation import the demo catalog?
No. The theme supplies presentation and settings. Products, collections, menus, images, apps, and policies are store-specific and must be configured separately.
Can I try the demo?
Visit the Wisewear demo store and enter the storefront password ybav. Do not use your Shopify admin password.
Does the theme guarantee a speed score or sales increase?
No. Performance and commercial outcomes depend on content, apps, devices, networks, traffic, and other store conditions. Measure your own storefront.
Are payments and subscriptions included?
Payment availability depends on Shopify and your payment providers. Subscriptions require compatible apps and selling plans. The theme is not a payment gateway or subscription service.
How do I report a problem?
Use the support link above with a reproducible description, theme version, and affected page. Provide temporary collaborator access only through an agreed secure workflow when necessary. Never send passwords.
Is Wisewear approved by the Shopify Theme Store?
This documentation does not indicate review or approval. Check the official listing and Shopify review status rather than treating this guide as certification.
13. Theme settings reference
The following controls are read from the current theme schema. Labels match the English theme editor.
Typography and layout
- Heading font (
heading_font): font picker control. - Body font (
body_font): font picker control. - Content width (
page_width): range control. - Enable subtle animations (
animations): checkbox control. - Favicon (
favicon): image picker control.
Page loading logo
- Show page loading logo (
page_loader_enabled): checkbox control. - Loading logo (
page_loader_logo): image picker control. - Logo width (
page_loader_width): range control. - Fade duration (
page_loader_duration): range control. - Background (
page_loader_background): color control.
Cart drawer
- Show featured add-ons in cart drawer (
cart_drawer_show_featured): checkbox control. - Featured add-ons heading (
cart_drawer_featured_heading): text control. - Upsell collection (
cart_drawer_collection): collection control. - Show coupon apply box (
cart_drawer_show_coupon): checkbox control.
14. Section library reference
Add sections through the theme editor where a template permits them. Some system sections are fixed to their relevant templates. The controls below are generated from the current section schemas.
Announcement
File: sections/announcement.liquid. Template or section-group component.
- Show on product page (
show_on_product). - Message (
message). - Link label (
label). - Link (
link). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Values and benefits
File: sections/benefits.liquid. Available in Add section.
- Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border). - Icon size (
icon_size). - Icon style (
icon_style). - Mobile layout (
mobile_layout). - Show step numbers if no icon (
show_numbers).
Blocks: Benefit.
Bento promo grid
File: sections/bento-banner.liquid. Available in Add section.
- Section eyebrow (
eyebrow). - Section heading (
heading). - View all label (
view_all_label). - View all link (
view_all_link). - Grid layout (
layout). - Grid container height (
desktop_height). - Grid gap (
gap). - Card border radius (
border_radius). - Section background (
background). - Section text (
text). - Accent / Button color (
accent). - Button text color (
button_text). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile).
Blocks: Bento tile.
Collection cards
File: sections/collection-list.liquid. Available in Add section.
- Eyebrow (
eyebrow). - Heading (
heading). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Blocks: Collection.
Collection showcase
File: sections/collection-showcase.liquid. Available in Add section.
- Layout mode (
layout_mode). - Eyebrow (
eyebrow). - Heading (
heading). - Subheading (
subheading). - Show 'View all' link in header (
show_view_all). - View all label (
view_all_label). - View all link (
view_all_link). - Tab style (
tab_style). - Tab alignment (
tab_alignment). - Collection for Split Banner (
collection). - Banner position (
banner_position). - Banner image (Desktop) (
banner_image). - Banner image (Mobile override) (
banner_image_mobile). - Banner color scheme (
banner_color_scheme). - Banner badge / eyebrow (
banner_eyebrow). - Banner heading (
banner_heading). - Banner description (
banner_body). - Banner button label (
banner_button_label). - Banner button link (
banner_button_link). - Maximum products per collection (
products_to_show). - Cards visible per view (Desktop) (
columns_desktop). - Show secondary image on hover (
show_secondary_image). - Show product vendor (
show_vendor). - Show discount badge (e.g. 48% OFF) (
show_discount_badge). - Show wishlist heart button (
show_wishlist_button). - Enable 1-click Quick Add to Bag (
enable_quick_add). - Background (
background). - Text (
text). - Accent color (
accent). - Button text (
button_text). - Card background (
surface). - Border (
border). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile).
Blocks: Collection Tab.
Contact form
File: sections/contact.liquid. Template or section-group component.
- Eyebrow (
eyebrow). - Heading (
heading). - Introduction (
body). - Contact email (
email). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Countdown sale banner
File: sections/countdown-banner.liquid. Available in Add section.
- Desktop background image (
image). - Mobile background image (
mobile_image). - Offer end date/time (ISO 8601) (
end_date). - Expired message (
end_message). - Badge label (
badge). - Eyebrow text (
eyebrow). - Heading (
heading). - Subheading (
subheading). - Promo coupon code (
coupon_code). - Button label (
button_label). - Button destination (
button_link). - Countdown digits style (
timer_style). - Dark overlay opacity (
overlay_opacity). - Card background (
background). - Button & badge accent (
accent). - Button text color (
button_text). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile).
Custom Liquid
File: sections/custom-liquid.liquid. Available in Add section.
- Custom Liquid (
custom_liquid). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
FAQ accordion
File: sections/faq.liquid. Available in Add section.
- Eyebrow (
eyebrow). - Heading (
heading). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Blocks: Question.
Feature tiles
File: sections/feature-tiles.liquid. Available in Add section.
- Eyebrow (
eyebrow). - Heading (
heading). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Blocks: Feature tile.
Shop by category
File: sections/featured-categories.liquid. Available in Add section.
- Eyebrow (
eyebrow). - Heading (
heading). - Layout style (
layout). - Bubble size (
bubble_size). - Card columns (Cards layout) (
columns_desktop). - Show 'All' bubble (Bubbles layout) (
show_all_bubble). - 'All' bubble label (
all_label). - 'All' badge text (
all_badge_text). - 'All' bubble link (
all_link). - Show 'View all' link in header (
show_view_all). - 'View all' text (
view_all_label). - 'View all' link (
view_all_link). - Background (
background). - Text (
text). - Accent color (
accent). - Bubble & Card surface (
surface). - Borders (
border). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile).
Blocks: Category.
Featured collection
File: sections/featured-collection.liquid. Available in Add section.
- Eyebrow (
eyebrow). - Heading (
heading). - Collection (
collection). - Products (
limit). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Review reels (Videos)
File: sections/featured-reels.liquid. Available in Add section.
- Eyebrow (
eyebrow). - Heading (
heading). - Subheading (
subheading). - Auto-play muted videos in view (
autoplay_videos). - Card aspect ratio (
card_aspect_ratio). - Background (
background). - Text (
text). - Accent color (
accent). - Card surface (
surface). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile).
Blocks: Video reel.
Footer
File: sections/footer.liquid. Template or section-group component.
- Wordmark (
brand). - Logo (
logo). - Description (
description). - Footer note (
note). - Footer menu (
menu). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border). - Desktop logo width (
logo_width). - Mobile logo width (
mobile_logo_width). - Desktop wordmark size (
wordmark_size). - Mobile wordmark size (
mobile_wordmark_size).
Header
File: sections/header.liquid. Template or section-group component.
- Wordmark (
brand). - Logo (
logo). - Main menu (
menu). - Default mega menu image (
menu_image). - Show account icon (
show_account). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border). - Desktop logo width (
logo_width). - Mobile logo width (
mobile_logo_width). - Desktop wordmark size (
wordmark_size). - Mobile wordmark size (
mobile_wordmark_size).
Blocks: Menu link image.
Image slideshow
File: sections/hero.liquid. Available in Add section.
- Slider height (
slider_height). - Show play/pause button (
show_pause_toggle). - Automatically rotate slides (
autoplay). - Time between slides (
interval). - Transition animation (
effect). - Show navigation arrows (
show_arrows). - Show pagination dots (
show_dots). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile).
Blocks: Slide.
Image with text
File: sections/image-with-text.liquid. Available in Add section.
- Image (
image). - Eyebrow (
eyebrow). - Heading (
heading). - Text (
body). - Button label (
label). - Link (
link). - Reverse desktop layout (
reverse). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Page not found
File: sections/main-404.liquid. Template or section-group component.
- Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Article
File: sections/main-article.liquid. Template or section-group component.
- Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Journal
File: sections/main-blog.liquid. Template or section-group component.
- Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Shopping bag
File: sections/main-cart.liquid. Template or section-group component.
- Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Collection products
File: sections/main-collection.liquid. Template or section-group component.
- Products per page (
per_page). - Show category selection bubbles (
show_categories). - Category menu (optional) (
category_menu). - 'All' category label (
all_label). - 'All' category link (
all_link). - Category active ring & 'ALL' color (
category_accent). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Blocks: Category bubble.
All collections
File: sections/main-list-collections.liquid. Template or section-group component.
- Heading (
heading). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Page content
File: sections/main-page.liquid. Template or section-group component.
- Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Password page
File: sections/main-password.liquid. Template or section-group component.
- Heading (
heading). - Show newsletter signup (
show_newsletter).
Product details
File: sections/main-product.liquid. Template or section-group component.
- Short introduction (supports product metafields) (
intro). - Show 'Buy now' button (
buy_now). - Show in-page Add to cart & Buy now on mobile (
show_normal_buttons_mobile). - Show sticky Add to cart & Buy now bar on mobile (
sticky). - Desktop gallery layout (
gallery_layout). - Image aspect ratio (
image_aspect_ratio). - Show thumbnail navigation (
show_thumbnails). - Show next/previous arrows (
show_nav_arrows). - Show slide counter (1 / 5) (
show_counter). - Show pagination dots on mobile (
show_dots_mobile). - Enable image zoom / lightbox (
enable_zoom). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Blocks: Product highlight, Trust badge, Information accordion, @app.
Search
File: sections/main-search.liquid. Template or section-group component.
- Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Scrolling marquee banner
File: sections/marquee-banner.liquid. Available in Add section.
- Scroll direction (
direction). - Animation cycle duration (
speed). - Pause on hover (
pause_on_hover). - Show top & bottom divider lines (
show_borders). - Text size (
font_size). - Item spacing (
gap). - Background (
background). - Text color (
text). - Icon & highlight color (
accent). - Divider lines (
border). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile).
Blocks: Marquee item.
Newsletter
File: sections/newsletter.liquid. Available in Add section.
- Eyebrow (
eyebrow). - Heading (
heading). - Text (
body). - Consent text (
disclaimer). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Parallax cinematic banner
File: sections/parallax-banner.liquid. Available in Add section.
- Desktop background image (
image). - Mobile background image (
mobile_image). - Banner height (
height). - Dark overlay opacity (
overlay_opacity). - Content card style (
card_style). - Content positioning (
content_position). - Badge label (
badge). - Eyebrow text (
eyebrow). - Banner heading (
heading). - Body text (
body). - Primary button label (
primary_button_label). - Primary button link (
primary_button_link). - Secondary button label (
secondary_button_label). - Secondary button link (
secondary_button_link). - Fallback background (
background). - Button color (
accent). - Button text color (
button_text). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile).
Product reviews and apps
File: sections/product-apps.liquid. Available in Add section.
- Heading (
heading). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Blocks: @app.
Product recommendations
File: sections/product-recommendations.liquid. Available in Add section.
- Heading (
heading). - Recommendation type (
intent). - Products (
limit). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Product spotlight
File: sections/product-spotlight.liquid. Available in Add section.
- Eyebrow (
eyebrow). - Heading (
heading). - Description (
body). - Featured product (
product). - Image override (
image). - Button label (
label). - Fallback link (
link). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Product story
File: sections/product-story.liquid. Available in Add section.
- Image (
image). - Eyebrow (
eyebrow). - Heading (
heading). - Text (
body). - Button label (
label). - Link (
link). - Reverse desktop layout (
reverse). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Editorial text
File: sections/rich-text.liquid. Available in Add section.
- Eyebrow (
eyebrow). - Heading (
heading). - Text (
body). - Button label (
label). - Link (
link). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Split promo banners
File: sections/split-banner.liquid. Available in Add section.
- Section eyebrow (
eyebrow). - Section heading (
heading). - Desktop split ratio (
split_ratio). - Banner card shape (
aspect_ratio). - Space between banners (
gap). - Card rounded corners (
border_radius). - Section background (
background). - Section text (
text). - Accent color (
accent). - Button text color (
button_text). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile).
Blocks: Promo banner.
Customer stories
File: sections/testimonials.liquid. Available in Add section.
- Eyebrow (
eyebrow). - Heading (
heading). - Background (
background). - Text (
text). - Button background (
accent). - Button text (
button_text). - Use section fonts (
custom_fonts). - Heading font (
heading_font). - Body font (
body_font). - Top padding (
padding_top). - Bottom padding (
padding_bottom). - Top padding (mobile) (
padding_top_mobile). - Bottom padding (mobile) (
padding_bottom_mobile). - Card and image background (
surface). - Borders (
border).
Blocks: Customer quote.