style class Avada - blog - hidden - tag Avada - ImageGallery Container padding 16 px border - radius 12 px position relative Avada - ImageGallery - Caption Input padding 10 px 0 word - break break - all Avada - Tool ImageGallery Avada - ImageGallery - Caption Input data - placeholder - active empty before Avada - Tool ImageGallery Avada - ImageGallery - Caption Input data - placeholder - active data - empty true before content attr data - placeholder - active Avada - ImageGallery Caption div outline 0 Avada - ImageGallery List display flex width 100 justify - content center flex - wrap wrap gap 13 px Avada - ImageGallery Image height auto object - fit cover Avada - ImageGallery List img Avada - ImageGallery Image desktop - 3 width 32 Avada - ImageGallery List img Avada - ImageGallery Image desktop - 2 width 48 Avada - ImageGallery List img Avada - ImageGallery Image desktop - 1 width 100 Avada - ImageGallery Slider display flex justify - content center align - items center Avada - ImageGallery Slides overflow hidden display flex width 100 Avada - ImageGallery Slide min - width 100 transition transform 5 s ease - in - out Avada - Tool ImageGallery nav - button width 30 px height 30 px position absolute top 50 transform translateY - 50 background - color fff border none cursor pointer z - index 9 border - radius 50 box - shadow 0 2 px 5 px rgba 0 0 0 3 Avada - Tool ImageGallery prevBtn left 0 Avada - Tool ImageGallery prevBtn svg width 100 height 100 Avada - Tool ImageGallery nextBtn right 0 Avada - Tool ImageGallery nextBtn svg width 100 height 100 transform rotate 180 deg media only screen و max - width 600 px Avada - ImageGallery List mobile - 1 width 100 important Avada - ImageGallery List mobile - 2 width 48 important Avada - Gallery - Modal Avada - GalleryModal nextBtn svg Avada - Gallery - Modal Avada - GalleryModal prevBtn svg width 100 height 100 Avada - Gallery - Modal position fixed top 0 left 0 width 100 vw height 100 vh background - color 000 z - index 999999999999 display flex justify - content center align - items center Avada - Gallery - Modal Avada - GalleryModal Close svg fill fff Avada - Gallery - Modal Avada - GalleryModal Close position absolute right 10 px top 10 px Avada - Gallery - Modal Avada - GalleryModal Slides overflow hidden display flex width 50 margin 0 auto align - items center Avada - Gallery - Modal Avada - GalleryModal Slide flex 0 0 100 display flex justify - content center transition transform 5 s ease - in - out Avada - Gallery - Modal Avada - GalleryModal Slide img width auto max - height 100 max - width 50 Avada - Gallery - Modal Avada - GalleryModal prevBtn left 10 px Avada - Gallery - Modal Avada - GalleryModal nextBtn right 10 px Avada - Gallery - Modal nav - button - modal background 0 0 width 20 px height 20 px position absolute top 50 transform translateY - 50 border none cursor pointer z - index 9 border - radius 50 Avada - Gallery - Modal Avada - GalleryModal Close hover Avada - Gallery - Modal button nav - button - modal hover background 1 a 1 a 1 a border - radius 0 Avada - Gallery - Modal gallery - slide - number position absolute color fff transform translateX 50 right 50 bottom 20 px div closeModal position absolute right 20 px padding 6 px height 20 px display flex justify - content center align - items center cursor pointer div closeModal hover background 1 a 1 a 1 a swiper swiper - slide img width 100 height 100 swiper - slide text - align center font - size 18 px background fff display flex justify - content center align - items center swiper - slide img display block object - fit cover swiper - slide flex - direction column media only screen و max - width 600 px Avada - Gallery - Modal Avada - GalleryModal Slides width 100 important Avada - Gallery - Modal Avada - GalleryModal Slide img max - width 100 important width 100 / style div class Avada - Tool Image style justify - content Center display flex component - id undefined data - hide false data - lock false data - block - الاسم Image div class Avada - ImageTool Wrapper style width 100 div class Avada - ImageTool Images img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon cropped - image d 92 bf 73 f - 90 ca - 4371 - 947 e - f 39 d 57 e 83 a 35 jpg v 1765883728 alt HIBA JABER style width 100 aspect - ratio original object - fit cover / div / div / div p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph The holiday season is a time for thoughtful gifting pieces that feel personal timeless و easy to cherish This winter we re embracing deep blues rich greens و luminous ذهب jewelry inspired by the calm elegance of the season From meaningful everyday jewels to special occasion gifts our holiday selection is designed to make gifting effortless و heartfelt / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Whether you re shopping for yourself or a loved one these refined pieces bring warmth intention و beauty to every winter moment / p h 2 id winter - tones - timeless - pieces style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 2 data - lock false data - exclude - from - toc false strong Winter Tones Timeless pieces / strong / h 2 div class Avada - Tool Image style justify - content Center display flex component - id undefined data - hide false data - lock false data - block - الاسم Image div class Avada - ImageTool Wrapper style width 100 div class Avada - ImageTool Images img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 12 - 16 151428 png v 1765883697 alt HIBA JABER style width 100 aspect - ratio original object - fit cover / div / div / div p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Blues و greens take center stage this winter season paired مع glowing ذهب for a sophisticated winter palette Natural gemstones like ياقوت زمرد و تنزانيت add depth و meaning perfect for celebrating milestones holidays و quiet moments of connection / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Each piece is handcrafted مع care designed to be worn daily و treasured for years to come / p h 2 id holiday - هدية - picks - to - love style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 2 data - lock false data - exclude - from - toc false strong Holiday هدية Picks to Love / strong / h 2 div class Avada - Tool ImageGallery style display id ImageGallery NEWSYvekLn component - id undefined auto - play false span class Avada - Tool ImageGallery value hidden layout grid aspectRatio 4 / 3 imagesSelected altText mimeType jpeg title SEOon CDBR 001028 A - WB 1 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDBR 001028 A - WB 1 jpg v 1765883455 height 3934 width 5609 id gid / / shopify / MediaImage / 42508668535065 size 1043334 createdAt 2025 - 12 - 16 T 11 10 53 Z altText mimeType jpeg title SEOon 2021 OCT 25 - 17 1 a jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon 2021 OCT 25 - 17 1 a jpg v 1765883452 height 1500 width 1500 id gid / / shopify / MediaImage / 42508667584793 size 289402 createdAt 2025 - 12 - 16 T 11 10 50 Z altText mimeType jpeg title SEOon HIBA 6 JUN 24 - 1 copy jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon HIBA 6 JUN 24 - 1 copy jpg v 1765883452 height 2773 width 2751 id gid / / shopify / MediaImage / 42508667781401 size 366320 createdAt 2025 - 12 - 16 T 11 10 51 Z altText mimeType jpeg title SEOon CDP 001813 MEEM - W copy 2 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDP 001813 MEEM - W copy 2 jpg v 1765883454 height 2496 width 3432 id gid / / shopify / MediaImage / 42508667912473 size 683972 createdAt 2025 - 12 - 16 T 11 10 52 Z altText mimeType jpeg title SEOon CDP 001873 A - W jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDP 001873 A - W jpg v 1765883454 height 3568 width 4880 id gid / / shopify / MediaImage / 42508667978009 size 661651 createdAt 2025 - 12 - 16 T 11 10 52 Z altText mimeType jpeg title SEOon CDR 002510 B NOON - W jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDR 002510 B NOON - W jpg v 1765883458 height 4400 width 5232 id gid / / shopify / MediaImage / 42508669157657 size 1274864 createdAt 2025 - 12 - 16 T 11 10 56 Z altText mimeType png title SEOon Screenshot 2025 - 12 - 16 151358 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 12 - 16 151358 png v 1765883693 height 1069 width 1075 id gid / / shopify / MediaImage / 42508701303065 size 320641 createdAt 2025 - 12 - 16 T 11 14 52 Z altText mimeType png title SEOon Screenshot 2025 - 12 - 16 151404 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 12 - 16 151404 png v 1765883692 height 842 width 1038 id gid / / shopify / MediaImage / 42508701204761 size 153940 createdAt 2025 - 12 - 16 T 11 14 51 Z altText mimeType jpeg title SEOon CDBR 001011 A - WG jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDBR 001011 A - WG jpg v 1765883465 height 3374 width 4860 id gid / / shopify / MediaImage / 42508670337305 size 2661437 createdAt 2025 - 12 - 16 T 11 11 04 Z isShowCaption true imagesInARow 3 device desktop imagesInARowMobile 2 caption isAutoPlay false hideButtonAction false captionAlign center hidden false locked false blockName Image gallery cssContent id Avada - Tool ImageGallery - 2 componentId undefined / span div class Avada - ImageGallery Container div class Avada - ImageGallery List img image - id gid / / shopify / MediaImage / 42508668535065 data - index 0 class Avada - ImageGallery Image mobile - 2 desktop - 3 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDBR 001028 A - WB 1 jpg v 1765883455 img image - id gid / / shopify / MediaImage / 42508667584793 data - index 1 class Avada - ImageGallery Image mobile - 2 desktop - 3 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon 2021 OCT 25 - 17 1 a jpg v 1765883452 img image - id gid / / shopify / MediaImage / 42508667781401 data - index 2 class Avada - ImageGallery Image mobile - 2 desktop - 3 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon HIBA 6 JUN 24 - 1 copy jpg v 1765883452 img image - id gid / / shopify / MediaImage / 42508667912473 data - index 3 class Avada - ImageGallery Image mobile - 2 desktop - 3 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDP 001813 MEEM - W copy 2 jpg v 1765883454 img image - id gid / / shopify / MediaImage / 42508667978009 data - index 4 class Avada - ImageGallery Image mobile - 2 desktop - 3 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDP 001873 A - W jpg v 1765883454 img image - id gid / / shopify / MediaImage / 42508669157657 data - index 5 class Avada - ImageGallery Image mobile - 2 desktop - 3 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDR 002510 B NOON - W jpg v 1765883458 img image - id gid / / shopify / MediaImage / 42508701303065 data - index 6 class Avada - ImageGallery Image mobile - 2 desktop - 3 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 12 - 16 151358 png v 1765883693 img image - id gid / / shopify / MediaImage / 42508701204761 data - index 7 class Avada - ImageGallery Image mobile - 2 desktop - 3 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 12 - 16 151404 png v 1765883692 img image - id gid / / shopify / MediaImage / 42508670337305 data - index 8 class Avada - ImageGallery Image mobile - 2 desktop - 3 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDBR 001011 A - WG jpg v 1765883465 / div / div div class Avada - ImageGallery Caption style display flex justify - content center div class Avada - ImageGallery - Caption Input style text - align center / div / div / div script class Avada - blog - hidden - tag var swiper جديد Swiper ImageGallery NEWSYvekLn mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery NEWSYvekLn Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting ' 4 / 3 ' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery NEWSYvekLn Avada - ImageGallery Image' forEach img img style aspectRatio aspectRatioSetting 'auto' aspectRatio aspectRatioSetting if image complete image onload / script script class Avada - blog - hidden - tag function let e document getElementById ImageGallery NEWSYvekLn t e querySelectorAll Avada - ImageGallery Image n 0 r 9 const imageList altText mimeType jpeg title SEOon CDBR 001028 A - WB 1 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDBR 001028 A - WB 1 jpg v 1765883455 height 3934 width 5609 id gid / / shopify / MediaImage / 42508668535065 size 1043334 createdAt 2025 - 12 - 16 T 11 10 53 Z altText mimeType jpeg title SEOon 2021 OCT 25 - 17 1 a jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon 2021 OCT 25 - 17 1 a jpg v 1765883452 height 1500 width 1500 id gid / / shopify / MediaImage / 42508667584793 size 289402 createdAt 2025 - 12 - 16 T 11 10 50 Z altText mimeType jpeg title SEOon HIBA 6 JUN 24 - 1 copy jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon HIBA 6 JUN 24 - 1 copy jpg v 1765883452 height 2773 width 2751 id gid / / shopify / MediaImage / 42508667781401 size 366320 createdAt 2025 - 12 - 16 T 11 10 51 Z altText mimeType jpeg title SEOon CDP 001813 MEEM - W copy 2 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDP 001813 MEEM - W copy 2 jpg v 1765883454 height 2496 width 3432 id gid / / shopify / MediaImage / 42508667912473 size 683972 createdAt 2025 - 12 - 16 T 11 10 52 Z altText mimeType jpeg title SEOon CDP 001873 A - W jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDP 001873 A - W jpg v 1765883454 height 3568 width 4880 id gid / / shopify / MediaImage / 42508667978009 size 661651 createdAt 2025 - 12 - 16 T 11 10 52 Z altText mimeType jpeg title SEOon CDR 002510 B NOON - W jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDR 002510 B NOON - W jpg v 1765883458 height 4400 width 5232 id gid / / shopify / MediaImage / 42508669157657 size 1274864 createdAt 2025 - 12 - 16 T 11 10 56 Z altText mimeType png title SEOon Screenshot 2025 - 12 - 16 151358 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 12 - 16 151358 png v 1765883693 height 1069 width 1075 id gid / / shopify / MediaImage / 42508701303065 size 320641 createdAt 2025 - 12 - 16 T 11 14 52 Z altText mimeType png title SEOon Screenshot 2025 - 12 - 16 151404 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 12 - 16 151404 png v 1765883692 height 842 width 1038 id gid / / shopify / MediaImage / 42508701204761 size 153940 createdAt 2025 - 12 - 16 T 11 14 51 Z altText mimeType jpeg title SEOon CDBR 001011 A - WG jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDBR 001011 A - WG jpg v 1765883465 height 3374 width 4860 id gid / / shopify / MediaImage / 42508670337305 size 2661437 createdAt 2025 - 12 - 16 T 11 11 04 Z t forEach imgElement imgElement addEventListener click event const index event currentTarget getAttribute data - index const newList imageList slice index imageList slice 0 index const slidesModal newList map image ' div class Avada - GalleryModal Slide img class Avada - GalleryModal Image src ' image url ' alt ' image altText ' data - image - id ' image url ' / / div ' join const modal document createElement div modal classList add Avada - Gallery - Modal modal id dynamicModal Object assign modal style position fixed top 0 left 0 width 100 height 100 backgroundColor 000 zIndex 9999 display flex justifyContent center alignItems center color fff modal innerHTML div class Avada - GalleryModal Close id closeModal times / div div class Avada - GalleryModal Container button class nav - button - modal id Avada - GalleryModal prevBtn svg width 6 height 10 viewBox 0 0 6 10 fill none xmlns http / / www w 3 org / 2000 / svg path fill - rule evenodd clip - rule evenodd d M 5.28033 9.53033 C 5.57322 9.23744 5.57322 8.76256 5.28033 8.46967 L 1.81066 5 L 5.28033 1.53033 C 5.57322 1.23744 5.57322 0.762563 5.28033 0.46967 C 4.98744 0.176777 4.51256 0.176777 4.21967 0.46967 L 0.21967 4.46967 C - 0.0732234 4.76256 - 0.0732234 5.23744 0.21967 5.53033 L 4.21967 9.53033 C 4.51256 9.82322 4.98744 9.82322 5.28033 9.53033 Z fill 8 A 8 A 8 A / / svg / button ' div class Avada - GalleryModal Slides id slidesContainer ' slidesModal ' / div ' button class nav - button - modal id Avada - GalleryModal nextBtn svg width 6 height 10 viewBox 0 0 6 10 fill none xmlns http / / www w 3 org / 2000 / svg path fill - rule evenodd clip - rule evenodd d M 0.71967 9.53033 C 0.426777 9.23744 0.426777 8.76256 0.71967 8.46967 L 4.18934 5 L 0.71967 1.53033 C 0.426777 1.23744 0.426777 0.762563 0.71967 0.46967 C 1.01256 0.176777 1.48744 0.176777 1.78033 0.46967 L 5.78033 4.46967 C 6.07322 4.76256 6.07322 5.23744 5.78033 5.53033 L 1.78033 9.53033 C 1.48744 9.82322 1.01256 9.82322 0.71967 9.53033 Z fill 8 A 8 A 8 A / / svg / button div class gallery - slide - number span id currentSlide index 1 / span / span id totalSlides 9 / span / div / div document body appendChild modal const closeModal document getElementById closeModal prevBtn document getElementById Avada - GalleryModal prevBtn nextBtn document getElementById Avada - GalleryModal nextBtn currentSlide document getElementById currentSlide totalSlides document getElementById totalSlides function updateSlideNumber currentSlide textContent n 1 function nextSlide n n 1 r updateSlide function prevSlide n n - 1 r r updateSlide function initializeSlideNumbers totalSlides textContent r updateSlideNumber function updateSlide document querySelectorAll Avada - GalleryModal Slide forEach slide slide style transform translateX - 100 n updateSlideNumber closeModal addEventListener click document body removeChild modal if nextBtn nextBtn addEventListener click nextSlide if prevBtn prevBtn addEventListener click prevSlide initializeSlideNumbers / script script class Avada - blog - hidden - tag function let e document getElementById ImageGallery NEWSYvekLn t e querySelectorAll Avada - ImageGallery Slide n t length r 0 l e querySelector nextBtn a e querySelector prevBtn l l addEventListener click function r n r 0 t forEach e e style transform translateX - 100 r a a addEventListener click function - - r 0 r n - 1 t forEach e e style transform translateX - 100 r let o const i false i o setInterval r r 1 n t forEach e e style transform translateX - 100 r 2500 window addEventListener unload o clearInterval o / script h 3 id thread - bracelets style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false strong Thread Bracelets / strong / h 3 div class Avada - Tool ImageGallery style display id ImageGallery j nmlT 8 e - 8 component - id undefined auto - play false span class Avada - Tool ImageGallery value hidden layout grid aspectRatio auto imagesSelected altText mimeType jpeg title SEOon CDBR 001011 A - WG jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDBR 001011 A - WG jpg v 1765883465 height 3374 width 4860 id gid / / shopify / MediaImage / 42508670337305 size 2661437 createdAt 2025 - 12 - 16 T 11 11 04 Z isShowCaption true imagesInARow 1 device desktop imagesInARowMobile 2 caption isAutoPlay false hideButtonAction false captionAlign center hidden false locked false blockName Image gallery cssContent id Avada - Tool ImageGallery - 4 / span div class Avada - ImageGallery Container div class Avada - ImageGallery List img image - id gid / / shopify / MediaImage / 42508670337305 data - index 0 class Avada - ImageGallery Image mobile - 2 desktop - 1 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDBR 001011 A - WG jpg v 1765883465 / div / div div class Avada - ImageGallery Caption style display flex justify - content center div class Avada - ImageGallery - Caption Input style text - align center / div / div / div script class Avada - blog - hidden - tag var swiper جديد Swiper ImageGallery j nmlT 8 e - 8 mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery j nmlT 8 e - 8 Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting 'auto' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery j nmlT 8 e - 8 Avada - ImageGallery Image' forEach img img style aspectRatio aspectRatioSetting 'auto' aspectRatio aspectRatioSetting if image complete image onload / script script class Avada - blog - hidden - tag function let e document getElementById ImageGallery j nmlT 8 e - 8 t e querySelectorAll Avada - ImageGallery Image n 0 r 1 const imageList altText mimeType jpeg title SEOon CDBR 001011 A - WG jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDBR 001011 A - WG jpg v 1765883465 height 3374 width 4860 id gid / / shopify / MediaImage / 42508670337305 size 2661437 createdAt 2025 - 12 - 16 T 11 11 04 Z t forEach imgElement imgElement addEventListener click event const index event currentTarget getAttribute data - index const newList imageList slice index imageList slice 0 index const slidesModal newList map image ' div class Avada - GalleryModal Slide img class Avada - GalleryModal Image src ' image url ' alt ' image altText ' data - image - id ' image url ' / / div ' join const modal document createElement div modal classList add Avada - Gallery - Modal modal id dynamicModal Object assign modal style position fixed top 0 left 0 width 100 height 100 backgroundColor 000 zIndex 9999 display flex justifyContent center alignItems center color fff modal innerHTML div class Avada - GalleryModal Close id closeModal times / div div class Avada - GalleryModal Container ' div class Avada - GalleryModal Slides id slidesContainer ' slidesModal ' / div ' div class gallery - slide - number span id currentSlide index 1 / span / span id totalSlides 1 / span / div / div document body appendChild modal const closeModal document getElementById closeModal prevBtn document getElementById Avada - GalleryModal prevBtn nextBtn document getElementById Avada - GalleryModal nextBtn currentSlide document getElementById currentSlide totalSlides document getElementById totalSlides function updateSlideNumber currentSlide textContent n 1 function nextSlide n n 1 r updateSlide function prevSlide n n - 1 r r updateSlide function initializeSlideNumbers totalSlides textContent r updateSlideNumber function updateSlide document querySelectorAll Avada - GalleryModal Slide forEach slide slide style transform translateX - 100 n updateSlideNumber closeModal addEventListener click document body removeChild modal if nextBtn nextBtn addEventListener click nextSlide if prevBtn prevBtn addEventListener click prevSlide initializeSlideNumbers / script script class Avada - blog - hidden - tag function let e document getElementById ImageGallery j nmlT 8 e - 8 t e querySelectorAll Avada - ImageGallery Slide n t length r 0 l e querySelector nextBtn a e querySelector prevBtn l l addEventListener click function r n r 0 t forEach e e style transform translateX - 100 r a a addEventListener click function - - r 0 r n - 1 t forEach e e style transform translateX - 100 r let o const i false i o setInterval r r 1 n t forEach e e style transform translateX - 100 r 2500 window addEventListener unload o clearInterval o / script p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Minimal meaningful و effortless to هدية Thread bracelets are perfect for subtle personalization ideal for friends sisters or thoughtful stocking gifts / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Perfect for layering or wearing solo during cozy winter days / p h 3 id odd - one - out - collection style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false strong Odd One Out Collection / strong / h 3 div class Avada - Tool ImageGallery style display id ImageGallery oyXfNn 1 NFC component - id undefined auto - play false span class Avada - Tool ImageGallery value hidden layout grid aspectRatio auto imagesSelected altText mimeType png title SEOon Screenshot 2025 - 12 - 16 151404 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 12 - 16 151404 png v 1765883692 height 842 width 1038 id gid / / shopify / MediaImage / 42508701204761 size 153940 createdAt 2025 - 12 - 16 T 11 14 51 Z isShowCaption true imagesInARow 1 device desktop imagesInARowMobile 2 caption isAutoPlay false hideButtonAction false captionAlign center hidden false locked false blockName Image gallery cssContent id Avada - Tool ImageGallery - 6 / span div class Avada - ImageGallery Container div class Avada - ImageGallery List img image - id gid / / shopify / MediaImage / 42508701204761 data - index 0 class Avada - ImageGallery Image mobile - 2 desktop - 1 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 12 - 16 151404 png v 1765883692 / div / div div class Avada - ImageGallery Caption style display flex justify - content center div class Avada - ImageGallery - Caption Input style text - align center / div / div / div script class Avada - blog - hidden - tag var swiper جديد Swiper ImageGallery oyXfNn 1 NFC mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery oyXfNn 1 NFC Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting 'auto' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery oyXfNn 1 NFC Avada - ImageGallery Image' forEach img img style aspectRatio aspectRatioSetting 'auto' aspectRatio aspectRatioSetting if image complete image onload / script script class Avada - blog - hidden - tag function let e document getElementById ImageGallery oyXfNn 1 NFC t e querySelectorAll Avada - ImageGallery Image n 0 r 1 const imageList altText mimeType png title SEOon Screenshot 2025 - 12 - 16 151404 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 12 - 16 151404 png v 1765883692 height 842 width 1038 id gid / / shopify / MediaImage / 42508701204761 size 153940 createdAt 2025 - 12 - 16 T 11 14 51 Z t forEach imgElement imgElement addEventListener click event const index event currentTarget getAttribute data - index const newList imageList slice index imageList slice 0 index const slidesModal newList map image ' div class Avada - GalleryModal Slide img class Avada - GalleryModal Image src ' image url ' alt ' image altText ' data - image - id ' image url ' / / div ' join const modal document createElement div modal classList add Avada - Gallery - Modal modal id dynamicModal Object assign modal style position fixed top 0 left 0 width 100 height 100 backgroundColor 000 zIndex 9999 display flex justifyContent center alignItems center color fff modal innerHTML div class Avada - GalleryModal Close id closeModal times / div div class Avada - GalleryModal Container ' div class Avada - GalleryModal Slides id slidesContainer ' slidesModal ' / div ' div class gallery - slide - number span id currentSlide index 1 / span / span id totalSlides 1 / span / div / div document body appendChild modal const closeModal document getElementById closeModal prevBtn document getElementById Avada - GalleryModal prevBtn nextBtn document getElementById Avada - GalleryModal nextBtn currentSlide document getElementById currentSlide totalSlides document getElementById totalSlides function updateSlideNumber currentSlide textContent n 1 function nextSlide n n 1 r updateSlide function prevSlide n n - 1 r r updateSlide function initializeSlideNumbers totalSlides textContent r updateSlideNumber function updateSlide document querySelectorAll Avada - GalleryModal Slide forEach slide slide style transform translateX - 100 n updateSlideNumber closeModal addEventListener click document body removeChild modal if nextBtn nextBtn addEventListener click nextSlide if prevBtn prevBtn addEventListener click prevSlide initializeSlideNumbers / script script class Avada - blog - hidden - tag function let e document getElementById ImageGallery oyXfNn 1 NFC t e querySelectorAll Avada - ImageGallery Slide n t length r 0 l e querySelector nextBtn a e querySelector prevBtn l l addEventListener click function r n r 0 t forEach e e style transform translateX - 100 r a a addEventListener click function - - r 0 r n - 1 t forEach e e style transform translateX - 100 r let o const i false i o setInterval r r 1 n t forEach e e style transform translateX - 100 r 2500 window addEventListener unload o clearInterval o / script p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Designed to celebrate individuality these statement pieces feature a contrasting gemstone a reminder that standing out is something to be celebrated / p h 3 id إنفينيتي - خواتم style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false strong إنفينيتي خواتم / strong / h 3 div class Avada - Tool Image style justify - content Center display flex component - id undefined data - hide false data - lock false data - block - الاسم Image div class Avada - ImageTool Wrapper style width 100 div class Avada - ImageTool Images img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon 2021 OCT 25 - 17 1 a jpg v 1765883452 alt style width 100 aspect - ratio original object - fit cover / div / div / div p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Symbolizing forever connection و continuity إنفينيتي خواتم make beautiful holiday gifts for partners close friends or personal milestones / p h 3 id minimal - gifts - 1 style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false Minimal Gifts / h 3 div class Avada - Tool Image style justify - content Center display flex component - id undefined data - hide false data - lock false data - block - الاسم Image div class Avada - ImageTool Wrapper style width 100 div class Avada - ImageTool Images img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDP 001889 3 EIN - W copy jpg v 1765883463 alt style width 100 aspect - ratio original object - fit cover / div / div / div p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Sometimes the most meaningful gifts are the simplest ones Our minimal jewelry designs are perfect for effortless gifting thoughtful personal و easy to wear every day / p h 2 id easy - gifting - for - special - moments style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 2 data - lock false data - exclude - from - toc false strong Easy Gifting for Special Moments / strong / h 2 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph The holidays are filled مع moments worth celebrating anniversaries engagements جديد beginnings or simply showing appreciation Our jewelry is designed to be / p ul style display block data - hide false data - block - الاسم List data - lock false start 1 li Easy to shop / li li Meaningful to give / li li Elegant to wear / li / ul p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Every piece arrives beautifully packaged ready to be gifted / p div class Avada - Tool Image style justify - content Center display flex component - id undefined data - hide false data - lock false data - block - الاسم Image div class Avada - ImageTool Wrapper style width 100 div class Avada - ImageTool Images img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 8911 jpg v 1764319739 alt HIBA JABER style width 100 aspect - ratio original object - fit cover / div / div / div h 2 id where - to - shop - this - holiday - season style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 2 data - lock false data - exclude - from - toc false strong Where to Shop This Holiday Season / strong / h 2 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph You can explore و shop Hiba Jaber Jewelry at / p ul style display block data - hide false data - block - الاسم List data - lock false start 1 li strong Annex Riyadh / strong / li li strong THAT Concept Store Mall of the Emirates Dubai / strong / li li strong Harvey Nichols Kuwait / strong / li li strong Ounass Online / strong / li li strong a rel noopener target جديد href http / / www hibajaber com www hibajaber com / a / strong مع worldwide delivery / li / ul h 2 id make - this - holiday - meaningful style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 2 data - lock false data - exclude - from - toc false strong Make This Holiday Meaningful / strong / h 2 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Whether you re gifting a loved one or treating yourself choose jewelry that tells a story و becomes part of everyday life / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Because the most beautiful gifts are the ones worn و loved long after the holidays end / p div class Avada - Tool Image style justify - content Center display flex component - id image - xyaZiaE 7 q 86 U data - hide false data - lock false data - block - الاسم Image div class Avada - ImageTool Wrapper style width 32 div class Avada - ImageTool Images a target blank class Avada - ImageTool Link href https / / hibajaber com / collections / ready - to - ship rel noreferrer img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screen Shot 2025 - 06 - 26 at 3.48 19 PM png v 1758394670 alt HIBA JABER style width 100 aspect - ratio original object - fit cover / a / div / div / div
اترك تعليقا