Piprico Theme

Installation

Upload via Online Store → Themes → Add theme → Upload zip, or with the Shopify CLI:

shopify theme push --unpublished --store your-store.myshopify.com

First setup

1. Products — add or import products normally (Admin → Products).
2. Collections — sections reference collections by handle. Create automated collections whose handles match what sections expect (e.g. new-arrival, trending-now).
3. Menu — create main-menu in Online Store → Navigation, or use the header's built-in Text menu field (Label|/url per line).
4. Logo & favicon — Header group → Header → Logo; Theme settings → Favicon.

Feature list

• Wishlist (browser-saved) — card hearts, PDP button, header counter, drawer
• Quick view modal on product cards
• Mega menu with link columns, promo cards and product cards
• Predictive search, currency selector, sticky header
• Announcement marquee + countdown, app banner, mobile bottom nav
• Cart drawer: free-shipping bar, coupon note, upsells
• PDP: gallery + lightbox, sticky add-to-cart, delivery estimate, offer chips, size-guide modal, payment icons
• Metafield-driven product info panels — 4 designs (tabs / accordion / cards / numbered)
• Frequently bought together, routine steps, results stats, recommendations, recently viewed
• Newsletter popup, cookie consent bar, reorder ("Buy again") popup
• 20+ sections incl. video, before/after slider, custom HTML/Liquid

Theme settings map

Group	Controls
Style presets	One-click design presets or custom
Colors / Typography / Layout	All colors, fonts, scale, page width, radius, global section spacing
Product cards	Badges, rating, subtitle, quick add, quick view, hover image, swatches, low-stock
Cart	Drawer on/off, free-shipping threshold, upsell collection
Wishlist / Newsletter popup / Cookie consent	Enable + content + timing for each
Advanced	Scroll animations, custom CSS box

Product metafields

Create these in Settings → Custom data → Products. All optional — fallbacks apply.

Metafield	Type	Used for
custom.subtitle	Single-line text	Subtitle under title + on cards
custom.badge	Single-line text	Badge (or tag badge:Text)
custom.skin_concerns	List of text	Concern pills (or concern: tags)
custom.helps_with / custom.works_best_for	List of text	Checklist columns
custom.key_ingredients	List of text	Ingredient table — Name|Description per line
custom.product_info	Rich text	"Product Information" panel
custom.benefits	List of text / rich text	"Benefits" panel
custom.how_to_use	List of text / rich text	"How to Apply" panel
custom.faqs	List of text	FAQ panel — Question|Answer per line
custom.offers	List of text	Offer chips — Text|CODE per line
custom.results	List of text	Stats — 97%|saw results per line
custom.routine_products, custom.frequently_bought, custom.upsell	List of products	Routine, FBT, cross-sell
reviews.rating, reviews.rating_count	Rating / number	Star ratings (or a review app)

Mega menu

Header section → add blocks. Each block's "Top-level menu item title(s)" field attaches it to a menu item by exact name (comma-separate for multiple parents).

• Mega menu column — heading + Label|/url links
• Mega menu product — product picker or handle → image/title/price card
• Mega menu promo — image + label + link

Custom HTML / Liquid section

Available under "Add section" on every template. Accepts raw HTML, Liquid, embeds and app snippets, plus optional rich-text and button blocks. Use it for anything a dedicated section doesn't cover.

Performance & SEO

• Zero-dependency deferred JS — no jQuery, no libraries
• Responsive srcset/sizes, lazy loading, fetchpriority="high" on LCP images
• Product / Organization / WebSite JSON-LD structured data + OG & Twitter card tags
• Theme Check: 0 offenses

Support

Need help? Visit the support page — response within 1–2 business days.