Dynamic Image library not working on published site

Hi! I am trying my first step with dynamic content, it’s working in the editor, but on the published page, all I can see is a spinning indicator, and the images are not loading.
This is the page I’m working on:
https://www.sinai-s.com/product-page/גימור-שמן-חודרני-לעץ-flood

the code:
// For full API documentation, including code examples, visit Velo API Reference - Wix.com
import wixData from ‘wix-data’;
import wixLocation from ‘wix-location’;
var filterID = “”;

$w.onReady( function () {
//TODO: write your page related code here…
ID_check();
});

async function ID_check() {
let product = await $w(‘#pageApp1’).getProduct();
let productId = product.name;
console.log(productId);
switch (productId) {
case “גימור שמן חודרני לעץ Flood”:
console.log(“good”);
filterID = “cwf-uv5-oil”
SetFilter()
break ;
default :
console.log(“empty”);
break ;
}

}
function SetFilter () {
$w(“#dataset1”).setFilter( wixData.filter(“filter”)
.contains(“filter”, filterID)
);
$w(“#ColorGallery”).expand();
}

what am I doing wrong??
Please help!
Thanks!

Just an update, it’s apparently not a code related, the gallery isn’t showing even when I disable the code…

Hi Amit,
Have you checked if it’s related to Permissions or Syncing your collection to live?

Tal.

Thanks Tal, It was indeed a sync issue.