Bricks Boilerplate Documentation
PricingDemo
  • Intro
  • Getting Started
    • Requirements
    • 5 minutes launch ⚡
    • Import into an existing project
  • Basics
    • Inside the package
    • Global Styles
      • General
      • CSS Variables
      • Buttons
      • Utility classes
    • Templates
    • ACF
      • Global topbar
    • Bricks Boilerplate Addon plugin
      • Wishlist
      • Variation swatches
      • Checkout
    • Code snippets
  • Tutorials
    • Blog in 5 minutes
    • Custom Off-canvas cart
    • Off-canvas cart without addon plugin
    • Custom Thank you page
    • Custom Checkout page
    • Custom Cart page
    • My account page
    • Product gallery with thumbnails
    • Custom query for product reviews
  • Advanced
    • Custom slider controls
    • Custom accordions
    • Megamenu
    • GSAP animations
  • Common issues
    • Custom CSS
    • Product galleries
    • Restoring site with WPvivid
Powered by GitBook
On this page
  1. Tutorials

Product gallery with thumbnails

PreviousMy account pageNextCustom query for product reviews

Last updated 7 months ago

Some product templates have gallery slider with thumbnails. If you have restored the whole site, everything will work just fine but if you have imported just this template you need to follow these steps:

  1. Copy the Bricks IDs of divs with query loop both synced sliders. Its usually the last 6 symbols after #brxe-

  2. Go to Code snippets plugin, find snippet "Get product gallery image IDs" and paste both IDs in this array (line 33 - each ID separately inside '' and separated with comma):