Skip to content

Installation & Quick Reference

Path: Shopify Admin > Online Store > Themes > Customize > Theme Settings

FeatureSettings CountKey BenefitsDefault State
Age Verification17Legal compliance, age gatingOFF
Wishlist9Save favorites, increase returnsON
Free Shipping Bar9Increase AOV, show progressON
Exit Popup9Capture emails, reduce abandonmentOFF
Scroll Animations7Visual appeal, engagementON
Quick View7Faster shopping, better UXON
Image Zoom3Product detail, reduce returnsON
Trust BadgesSectionBuild credibility, trustSection-based
  1. Free Shipping Bar — Theme Settings > Free Shipping Bar. Set threshold to your AOV + 20-30%. Position: Cart (subtle) or Floating (visible).

  2. Trust Badges — Add Section > Trust Badges. Configure 3-4 badges. Use: Free Shipping, Secure Payment, Easy Returns, Authenticity.

  3. Quick View — Theme Settings > Quick View. Enable with Button trigger. Show all content options.

  1. Wishlist — Theme Settings > Wishlist. Enable with Heart icon, Position: Top Right.

  2. Image Zoom — Theme Settings > Image Zoom. Type: Lightbox, Magnification: 2x (or 3x for jewelry).

  3. Scroll Animations — Theme Settings > Scroll Animations. Enable with Fade Up default, Moderate parallax (30).

  1. Age Verification (if needed) — Theme Settings > Age Verification. Choose method based on legal requirements.

  2. Exit Popup (use carefully) — Theme Settings > Exit Popup. Session frequency recommended, 10-15% discount offer.

FeatureNavigation Path
Age VerificationTheme Settings > Age Verification
WishlistTheme Settings > Wishlist
Free ShippingTheme Settings > Free Shipping Bar
Exit PopupTheme Settings > Exit Popup
AnimationsTheme Settings > Scroll Animations
Quick ViewTheme Settings > Quick View
Image ZoomTheme Settings > Image Zoom
Trust BadgesAdd Section > Trust Badges (in section editor)
  • Low AOV Store ($50-100): Set threshold to $75-150
  • Medium AOV Store ($100-200): Set threshold to $150-300
  • High AOV Store ($200+): Set threshold to $300-500
  • Luxury Store: $500-1000+
  • Fast: 400ms (energetic, young audience)
  • Normal: 600ms (balanced, recommended)
  • Slow: 800-1000ms (elegant, luxury)
  • Active/Accent: Use your brand’s primary accent color
  • Progress Bars: Match call-to-action buttons
  • Backgrounds: Subtle, low contrast
  • Text: High contrast for readability (4.5:1 minimum)
  • Wishlist: ON (Heart, Top Right)
  • Free Shipping: Cart position, $500+ threshold
  • Exit Popup: OFF
  • Trust Badges: 3 badges, Center aligned
  • Scroll Animations: Subtle (fade-up, 30% parallax)
  • Quick View: Button trigger
  • Image Zoom: Lightbox, 3x magnification
  • Wishlist: ON (Star, Top Right)
  • Free Shipping: Floating, $300 threshold
  • Exit Popup: Session frequency, 10% discount
  • Trust Badges: 4 badges, Horizontal
  • Scroll Animations: Standard (fade-up, 50% parallax)
  • Quick View: Hover trigger
  • Image Zoom: Click, 2x magnification
ColorHex
Primary Navy#1A2332
Gold Accent#C9A961
Warm Taupe#8B7F72
Off White#FAFAF8
Success Green#4A7C59
Error Red#A84A4A
  • All required features enabled
  • Colors match brand
  • Text is customized (not default)
  • Thresholds set appropriately
  • Tested on desktop, mobile, and multiple browsers
  • Color contrast passes WCAG AA
  • Keyboard navigation works
  1. Hard refresh browser (Cmd+Shift+R / Ctrl+Shift+R)
  2. Clear browser cache
  3. Try different browser
  4. Check theme is published
  1. Verify feature is enabled
  2. Check console for JavaScript errors
  3. Ensure section is added to template
  4. Confirm no conflicting apps