Jannex
/
SHX-Theme
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test

pull/1/head
Jan Umbach 2024-05-28 17:11:08 +02:00
parent 30175b02e3
commit b9e436209a
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
assets/global.js
View File

@ -1124,14 +1124,30 @@ class VariantSelects extends HTMLElement {
const mediaGalleries = document.querySelectorAll(`[id^="MediaGallery-${this.dataset.section}"]`); const mediaGalleries = document.querySelectorAll(`[id^="MediaGallery-${this.dataset.section}"]`);
mediaGalleries.forEach((mediaGallery) => { mediaGalleries.forEach((mediaGallery) => {
mediaGallery.setActiveMedia(`${this.dataset.section}-${this.currentVariant.featured_media.id}`, true); //mediaGallery.setActiveMedia(`${this.dataset.section}-${this.currentVariant.featured_media.id}`, true);
// how to get second image id from the gallery // how to get second image id from the gallery
console.log('mediaGallery', mediaGallery); console.log('mediaGallery', mediaGallery);
// get the second image id // get the second image id
const secondImageId = mediaGallery.querySelector('.thumbnail-list__item:nth-child(2)').dataset; const galleryImages = mediaGallery.querySelectorAll('.thumbnail-list__item:nth-child(2)').dataset;
console.log('secondImageId', secondImageId);
for (const galleryImage of galleryImages) {
// if display is not none, then show the image
if (galleryImage.style.display !== 'none') {
const target = galleryImage.target; // "template--22806669590804__main-38794319626516"
const targetId = target.split('__')[1]; // "main-38794319626516"
const targetIdSplit = targetId.split('-')[1]; // "38794319626516"
mediaGallery.setActiveMedia(`${this.dataset.section}-${targetIdSplit}`, true);
}
}