Custom Gallery Product Issue

Support
#1

Hi there,

I have built a Single Product Layout where I added the preset element “Slider Thumbnail Gallery” from the Themeco Library and combined it with the “Image Gallery Light” preset.

I kept the structure the same, and the only difference is the lightbox setup. Everything is working as expected except for the thumbnail gallery below the main image , which is not showing.

Current structure:

  • Gallery → Looper (dynamic content: {{dc:woocommerce:product_gallery_ids}} )
    • Hero - Slider (Stacked) → Content Wrapper → Slide Container → Slide 1 (looper consumer)
    • Gallery - Slider (Inline) → Content Wrapper → Slide Container → Slide 1 (looper consumer)

The strange part is:

  • If I move Gallery - Slider (Inline) above Hero - Slider (Stacked) , the thumbnails show correctly.
  • If Gallery - Slider (Inline) is placed below Hero - Slider (Stacked) , the thumbnails do not appear.

Would you happen to know why the thumbnail slider only works when it is placed above the main slider?

Thank you.

#2

Hey @sbxstrategies,

Thanks for the information.

In your Looper Consumer, make sure to enable the “Rewind” option.

image
image403×502 14 KB

Kindly let us know how it goes.

#3

Hi, thank you so much. That works.

Is there a way to display image title or caption on those images?

#4

Hello @sbxstrategies,

By default, there is no option for that at the moment; it would require custom development. I would suggest you please contact a developer who can assist you with your concerns, or subscribe to One, where customization‑related questions are answered. Please note that we do not provide custom development support, as it is outside the scope of our support.

Thanks for understanding

#5

Hi again,

We are experiencing a strange issue with the gallery slider. On desktop, everything works correctly. However, starting at the tablet breakpoint, the slider begins to behave unexpectedly.

It appears that the images are being combined into a single slide, and when navigating using the next or previous controls, those images remain stuck together.

Please see the attached screenshots for reference.

Thank you for your assistance.

#6

Did you guys do anything on the site? I just went on the site and tried to edit a page in cornerstone, and I received this critical error message:

I did deactivate all the plugins but the error is still there.

 PHP Fatal error:  Uncaught TypeError: array_filter(): Argument #1 ($array) must be of type array, null given in /nas/content/live/overheaddo1stg/wp-content/themes/pro/cornerstone/includes/classes/Services/RemoteAssets.php:188#012Stack trace:#012#0 /nas/content/live/overheaddo1stg/wp-content/themes/pro/cornerstone/includes/classes/Services/RemoteAssets.php(188): array_filter(NULL, Object(Closure))#012#1 /nas/content/live/overheaddo1stg/wp-content/themes/pro/cornerstone/includes/classes/Services/RemoteAssets.php(235): Themeco\Cornerstone\Services\RemoteAssets->getLegacySites()#012#2 /nas/content/live/overheaddo1stg/wp-content/themes/pro/cornerstone/includes/classes/Services/RemoteAssets.php(156): Themeco\Cornerstone\Services\RemoteAssets->getLegacySitesCached()#012#3 /nas/content/live/overheaddo1stg/wp-content/themes/pro/cornerstone/includes/classes/Services/App.php(286): Themeco\Cornerstone\Services\RemoteAssets->getAppData()#012#4 /nas/content/live/overheaddo1stg/wp-content/themes/pro/cornerstone/includes/classes/Services/App.php(233): Themeco\Cornerstone\Services\App->get_app_data()#012#5 /nas/content/live/overheaddo1stg/wp-content/themes/pro/cornerstone/includes/classes/Services/App.php(197): Themeco\Cornerstone\Services\App->setupAppConfig('cs-app', false)#012#6 /nas/content/live/overheaddo1stg/wp-content/themes/pro/cornerstone/includes/classes/Services/App.php(432): Themeco\Cornerstone\Services\App->register_app_scripts()#012#7 /nas/content/live/overheaddo1stg/wp-content/themes/pro/cornerstone/includes/classes/Services/App.php(96): Themeco\Cornerstone\Services\App->enqueue_scripts()#012#8
#7

I need to chime in because I got the same issue just right now.

The builder on our end is working just fine then suddenly a fatal error showing the same message for us.

Fatal error: Uncaught TypeError: array_filter(): Argument #1 ($array) must be of type array, null given in /www/wp-content/themes/pro/cornerstone/includes/classes/Services/RemoteAssets.php:188 Stack trace: #0 /www/wp-content/themes/pro/cornerstone/includes/classes/Services/RemoteAssets.php(188): array_filter(NULL, Object(Closure)) #1 /www/wp-

#8

Please ignore the error, it is gone now.

Please continue looking into Slider issue.

#9

@ruenel @prakash_s Hello again, it has been over 24 hours and I have not yet heard anything from you guys. Can someone take a look at this?

Thank you!

#10

Hey @sbxstrategies,

The Carousel Slide must use the data-x-slider-id custom attribute:
image

The ID of the big Slider will be used:
image

Check the test page now.

#11

Hi again,

I followed your method, but the issue still occurs on the Tablet size. The Desktop and Mobile views are working perfectly fine; however, the Tablet view is behaving unexpectedly.

Also, on the test page you created, the slider navigation arrows are not working. The main big image does not get changed when moving slide.

Could you please take another look?

Thank you.

#12

Hey @sbxstrategies,

I modified the data slider IDs and pointed the slide navigation to display both the thumbnail and gallery slides.

Kindly check the Test page now. The link is in the secure note below.

#13

@ruenel It works but another problem is that when clicking prev or next, the main image changes but not the pagination slide change. Any ideas why?

#14

Hello @sbxstrategies,

I could not replicate the issue on the page in the secure note below.

Thanks.