Globo Docs
GLO Color Swatch
GLO Color Swatch
  • Getting started
  • Product variants swatch
    • Variant swatch style
    • Display on product page
      • Show only images related to the selected variant
      • Required select swatch options before add to cart
      • Inventory variations on product page
  • Display on collection page, home page, other pages
    • Show add to cart button on slider, grid, list products
    • Clean up variant option in collection page
    • Display real-time product data as variations change
  • Choose type variant swatch
    • Set color for variant option value
    • Upload custom image for variant option value
    • Setup automate image variant product
  • Advanced setting variants swatch
    • Show/hide variant name
    • Show/hide tooltip
    • Out of stock style
  • Image swatch ratio
  • Bulk export & import variant options
  • Group products as variants
    • Group product style
  • Bundles
    • Setting up product bundles
    • Setting up quantity breaks
  • App integrations
    • PageFly Landing Page Builder
    • Gempage
    • Smart Product Filter & Search
  • FAQs
    • Why can’t I see the swatches for my new product?
    • My theme doesn’t support app blocks — how can I show or move the swatches?
    • Why does the app work on collection pages but not on the homepage or other pages?
    • Why don’t the images change when I pick a different swatch?
    • Why doesn’t the main product image update when I click a color swatch?
    • Why is the wrong product variant added to the cart?
    • Why do swatches disappear when I switch to another language?
Powered by GitBook
On this page
  1. FAQs

My theme doesn’t support app blocks — how can I show or move the swatches?

PreviousWhy can’t I see the swatches for my new product?NextWhy does the app work on collection pages but not on the homepage or other pages?

Last updated 1 month ago

Some Shopify theme OS 2.0 do not support adding app block, or some development themes do not have app block, please add code according to the instructions below to display the app in the position you want on the product page

1

Go to admin Shopify -> themes

2

Edit code

3

Find file template product and paste code show app

Example: main-product.liquid

You can copy the code corresponding to the function you want to display on the product page.

  1. Show Vairant Swatch App

<div class="globo-swatch-product-detail"></div>

  1. Show Group Product as Variants

<div class="globo-swatch-product-detail"></div>

  1. Show Product Bundles

<div class="globo_color_swatch_bundle_combo"></div>

  1. Show Quantity Breaks

<div class="globo_color_swatch_bundle_quantity_break"></div>

Paste it where you want the app to appear on the product page.

4

Save and preview in online store