Phaiko Labs

Theme settings tour

Open Online Store → Themes → Customize → Theme settings.

Brand

  • Logo: Store logo used in header, footer, password page, and gift cards. Store name and Paddock paw mark appear when no logo is selected.
  • Logo width: Controls displayed logo width from 80 to 280 px.
  • Favicon: Browser-tab icon.

Use transparent SVG or PNG logo when possible. Keep logo legible at small mobile sizes.

Colors

Paddock uses Shopify color schemes. Each scheme controls background, optional gradient, text, primary button, button label, secondary button, and shadow colors.

  • Default color scheme: Base storefront scheme.
  • Accent color: Used for highlights such as ratings and cart count.

Check contrast after changing colors. Text, links, buttons, focus outlines, and form errors must remain readable.

Typography

  • Heading font
  • Body font

Fonts come from Shopify font library. No external font account or uploaded font file is required.

Layout

  • Page width: 1000–1600 px.
  • Section spacing: 32–120 px.
  • Corner radius: 0–28 px.
  • Enable motion: Enables theme transitions. Reduced-motion browser preference still takes priority.

Product cards

  • Image ratio: Natural, square, or portrait.
  • Image fit: Cover fills frame; contain preserves full product image.
  • Show vendor: Displays product vendor beside product type.
  • Quick add: Single-variant products can be added directly. Products with options show Choose options and open product page.

Product cards automatically show:

  • Sale badge when compare-at price exceeds price.
  • Sold-out badge when product is unavailable.
  • New badge for tag new or new arrival.
  • Bestseller badge for tag bestseller or best seller.
  • Rating when Shopify standard rating metafields contain data.

Cart

  • Cart type: Drawer or cart page.
  • Cart image fit: Contain or cover.
  • Show cart note: Enables order-note field in drawer and cart page.

Cart drawer also has section settings for free-shipping threshold, recommended add-on product, and recommendation heading.

Social media

Add Instagram, Facebook, X/Twitter, TikTok, and YouTube URLs. Icons appear only when URL exists and relevant section has social links enabled.

Was this page helpful?