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. Common issues

Product galleries

PreviousCustom CSSNextRestoring site with WPvivid

Last updated 6 months ago

Product galleries that have syncing sliders needs extra step make them work flawlessy after importing into existing site. Regarding to Product gallery with thumbnails you need to add ID of these 2 query loops to code snippet.

  1. Copy IDs of these 2 loops inside sliders

  2. Go to Code Snippet plugin to "Get product gallery image IDs" and paste them here:

add_filter( 'bricks/posts/query_vars', function( $query_vars, $settings, $element_id ) {
    // Define an array of element IDs for which the filter should apply
    $target_element_ids = array('ygskej', 'edsgfi', 'nvlcty', 'grfmlt', 'mzflmn', 'teypju', 'mmyxbc'); // Add your element IDs here

Each ID should be wrapped inside ''. Example: 'ygskej'