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 - word 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 display flex justify - content Center 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 2026 - 03 - 19 153945 png v 1773920398 alt eid 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 a href https / / www timeoutdubai com / news / eid - al - fitr - 2026 - confirmed target blank Eid / a is more than a celebration it s a feeling A moment of togetherness elegance و quiet confidence From early morning gatherings to evening visits every detail of your look becomes part of the memory / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph و nothing completes an Eid look quite like the right jewelry / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph This season we focus on pieces that feel intentional refined و effortlessly elevated designed to move مع you from day to night / p h 3 id the - statement - touch - odd - one - out 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 The Statement Touch Odd One Out / strong / h 3 div class Avada - Tool ImageGallery style display id ImageGallery Zoutttvq 8 g component - id undefined auto - play false span class Avada - Tool ImageGallery value hidden layout slider aspectRatio 16 / 9 imagesSelected altText mimeType png title SEOon Screenshot 2026 - 03 - 19 155303 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 19 155303 png v 1773921190 height 643 width 633 id gid / / shopify / MediaImage / 43223280124185 size 150268 createdAt 2026 - 03 - 19 T 11 53 09 Z altText mimeType png title SEOon Screenshot 2026 - 03 - 19 155136 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 19 155136 png v 1773921132 height 621 width 995 id gid / / shopify / MediaImage / 43223278354713 size 335158 createdAt 2026 - 03 - 19 T 11 52 10 Z isShowCaption true imagesInARow 2 device desktop imagesInARowMobile 2 caption isAutoPlay false hideButtonAction false captionAlign center hidden false locked false blockName Image gallery cssContent componentId undefined / span div class Avada - ImageGallery Container button class prevBtn nav - button data - id ImageGallery Zoutttvq 8 g svg width 20 px height 20 px viewbox 0 0 48 48 fill none xmlns http / / www w 3 org / 2000 / svg g id SVGRepo bgCarrier stroke - width 0 / g g id SVGRepo tracerCarrier stroke - linecap دائري stroke - linejoin دائري / g g id SVGRepo iconCarrier path d M 31.8839 8.36612 C 32.372 8.85427 32.372 9.64573 31.8839 10.1339 L 18.0178 24 L 31.8839 37.8661 C 32.372 38.3543 32.372 39.1457 31.8839 39.6339 C 31.3957 40.122 30.6043 40.122 30.1161 39.6339 L 15.3661 24.8839 C 14.878 24.3957 14.878 23.6043 15.3661 23.1161 L 30.1161 8.36612 C 30.6043 7.87796 31.3957 7.87796 31.8839 8.36612 Z fill 212121 / path / g / svg / button div class Avada - ImageGallery Slider div class Avada - ImageGallery Slides id ImageGallery Zoutttvq 8 g Slides div class Avada - ImageGallery Slide img image - id gid / / shopify / MediaImage / 43223280124185 data - index 0 class Avada - ImageGallery Image mobile - 2 desktop - 2 style width 100 alt src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 19 155303 png v 1773921190 div class Avada - ImageGallery Caption style display flex justify - content center div class Avada - ImageGallery - Caption Input style text - align center undefined / div / div / div div class Avada - ImageGallery Slide img image - id gid / / shopify / MediaImage / 43223278354713 data - index 1 class Avada - ImageGallery Image mobile - 2 desktop - 2 style width 100 alt src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 19 155136 png v 1773921132 div class Avada - ImageGallery Caption style display flex justify - content center div class Avada - ImageGallery - Caption Input style text - align center undefined / div / div / div / div / div button class nextBtn nav - button data - id ImageGallery Zoutttvq 8 g svg width 20 px height 20 px viewbox 0 0 48 48 fill none xmlns http / / www w 3 org / 2000 / svg g id SVGRepo bgCarrier stroke - width 0 / g g id SVGRepo tracerCarrier stroke - linecap دائري stroke - linejoin دائري / g g id SVGRepo iconCarrier path d M 31.8839 8.36612 C 32.372 8.85427 32.372 9.64573 31.8839 10.1339 L 18.0178 24 L 31.8839 37.8661 C 32.372 38.3543 32.372 39.1457 31.8839 39.6339 C 31.3957 40.122 30.6043 40.122 30.1161 39.6339 L 15.3661 24.8839 C 14.878 24.3957 14.878 23.6043 15.3661 23.1161 L 30.1161 8.36612 C 30.6043 7.87796 31.3957 7.87796 31.8839 8.36612 Z fill 212121 / path / g / svg / button / div / div script class Avada - blog - hidden - tag var swiper جديد Swiper ImageGallery Zoutttvq 8 g mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery Zoutttvq 8 g Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting ' 16 / 9 ' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery Zoutttvq 8 g 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 Zoutttvq 8 g t e querySelectorAll Avada - ImageGallery Image n 0 r 2 const imageList altText mimeType png title SEOon Screenshot 2026 - 03 - 19 155303 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 19 155303 png v 1773921190 height 643 width 633 id gid / / shopify / MediaImage / 43223280124185 size 150268 createdAt 2026 - 03 - 19 T 11 53 09 Z altText mimeType png title SEOon Screenshot 2026 - 03 - 19 155136 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 19 155136 png v 1773921132 height 621 width 995 id gid / / shopify / MediaImage / 43223278354713 size 335158 createdAt 2026 - 03 - 19 T 11 52 10 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 2 / 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 Zoutttvq 8 g 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 For those who want something a little different the strong Odd One Out / strong pieces bring just the right amount of character / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph مع their signature contrast a مفرد standout stone among perfectly طقم gems they add depth to your look without overwhelming it / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph em data - start 793 data - end 815 Perfect for styling / em Let it be your focal point Pair it مع a minimal outfit و let the piece speak for itself / p h 3 id nbspelegance - إنفينيتي - خواتم 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 Elegance إنفينيتي خواتم / strong / h 3 div class Avada - Tool ImageGallery style display id ImageGallery Q jMH 7 dcoo component - id undefined auto - play false span class Avada - Tool ImageGallery value hidden layout grid aspectRatio 3 / 4 imagesSelected altText mimeType jpeg title SEOon HIBA 6 JUN 24 - 1 copy e 0750089 - f 92 a - 414 a - 960 d - a 0 cbd 182 ab 2 d jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon HIBA 6 JUN 24 - 1 copy e 0750089 - f 92 a - 414 a - 960 d - a 0 cbd 182 ab 2 d jpg v 1773920302 height 2773 width 2751 id gid / / shopify / MediaImage / 43223237099801 size 366320 createdAt 2026 - 03 - 19 T 11 38 20 Z altText mimeType jpeg title SEOon HIBA 6 JUN 24 - 1 0 a 0881 e 5 - ceba - 4 d 83 - a 4 f 9 - 416 ba 43 adbb 2 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon HIBA 6 JUN 24 - 1 0 a 0881 e 5 - ceba - 4 d 83 - a 4 f 9 - 416 ba 43 adbb 2 jpg v 1773920308 height 2773 width 2751 id gid / / shopify / MediaImage / 43223237329177 size 1310373 createdAt 2026 - 03 - 19 T 11 38 26 Z isShowCaption true imagesInARow 2 device desktop imagesInARowMobile 2 caption isAutoPlay false hideButtonAction false captionAlign center hidden false locked false blockName Image gallery cssContent componentId undefined / span div class Avada - ImageGallery Container div class Avada - ImageGallery List img image - id gid / / shopify / MediaImage / 43223237099801 data - index 0 class Avada - ImageGallery Image mobile - 2 desktop - 2 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon HIBA 6 JUN 24 - 1 copy e 0750089 - f 92 a - 414 a - 960 d - a 0 cbd 182 ab 2 d jpg v 1773920302 img image - id gid / / shopify / MediaImage / 43223237329177 data - index 1 class Avada - ImageGallery Image mobile - 2 desktop - 2 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon HIBA 6 JUN 24 - 1 0 a 0881 e 5 - ceba - 4 d 83 - a 4 f 9 - 416 ba 43 adbb 2 jpg v 1773920308 / 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 Q jMH 7 dcoo mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery Q jMH 7 dcoo Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting ' 3 / 4 ' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery Q jMH 7 dcoo 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 Q jMH 7 dcoo t e querySelectorAll Avada - ImageGallery Image n 0 r 2 const imageList altText mimeType jpeg title SEOon HIBA 6 JUN 24 - 1 copy e 0750089 - f 92 a - 414 a - 960 d - a 0 cbd 182 ab 2 d jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon HIBA 6 JUN 24 - 1 copy e 0750089 - f 92 a - 414 a - 960 d - a 0 cbd 182 ab 2 d jpg v 1773920302 height 2773 width 2751 id gid / / shopify / MediaImage / 43223237099801 size 366320 createdAt 2026 - 03 - 19 T 11 38 20 Z altText mimeType jpeg title SEOon HIBA 6 JUN 24 - 1 0 a 0881 e 5 - ceba - 4 d 83 - a 4 f 9 - 416 ba 43 adbb 2 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon HIBA 6 JUN 24 - 1 0 a 0881 e 5 - ceba - 4 d 83 - a 4 f 9 - 416 ba 43 adbb 2 jpg v 1773920308 height 2773 width 2751 id gid / / shopify / MediaImage / 43223237329177 size 1310373 createdAt 2026 - 03 - 19 T 11 38 26 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 2 / 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 Q jMH 7 dcoo 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 If your look leans more toward timeless و delicate strong إنفينيتي خواتم / strong are your go - to / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Their fluid design symbolizes continuity و connection making them not only beautiful but meaningful / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph em data - start 1159 data - end 1181 Perfect for styling / em Stack one or two on your fingers for a layered look that feels light yet polished / p h 3 id the - everyday - stack - 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 The Everyday Stack Bracelets / strong / h 3 div class Avada - Tool ImageGallery style display id ImageGallery Oa 7 AsFGrGJ component - id undefined auto - play false span class Avada - Tool ImageGallery value hidden layout grid aspectRatio auto imagesSelected altText mimeType png title SEOon Screenshot 2026 - 03 - 19 155129 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 19 155129 png v 1773921129 height 702 width 931 id gid / / shopify / MediaImage / 43223278321945 size 213346 createdAt 2026 - 03 - 19 T 11 52 08 Z altText mimeType jpeg title SEOon Hiba Jaber 14 Jan 2026 - 1 websize c 7 b 753 ff - 5748 - 4178 - a 87 e - aada 4 ac 0 ca 64 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Hiba Jaber 14 Jan 2026 - 1 websize c 7 b 753 ff - 5748 - 4178 - a 87 e - aada 4 ac 0 ca 64 jpg v 1773920444 height 2227 width 2222 id gid / / shopify / MediaImage / 43223244210457 size 261977 createdAt 2026 - 03 - 19 T 11 40 42 Z altText mimeType png title SEOon Screenshot 2026 - 03 - 19 155155 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 19 155155 png v 1773921128 height 810 width 949 id gid / / shopify / MediaImage / 43223278289177 size 176031 createdAt 2026 - 03 - 19 T 11 52 07 Z isShowCaption true imagesInARow 1 device desktop imagesInARowMobile 2 caption isAutoPlay false hideButtonAction false captionAlign center hidden false locked false blockName Image gallery cssContent componentId undefined / span div class Avada - ImageGallery Container div class Avada - ImageGallery List img image - id gid / / shopify / MediaImage / 43223278321945 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 2026 - 03 - 19 155129 png v 1773921129 img image - id gid / / shopify / MediaImage / 43223244210457 data - index 1 class Avada - ImageGallery Image mobile - 2 desktop - 1 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Hiba Jaber 14 Jan 2026 - 1 websize c 7 b 753 ff - 5748 - 4178 - a 87 e - aada 4 ac 0 ca 64 jpg v 1773920444 img image - id gid / / shopify / MediaImage / 43223278289177 data - index 2 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 2026 - 03 - 19 155155 png v 1773921128 / 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 Oa 7 AsFGrGJ mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery Oa 7 AsFGrGJ Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting 'auto' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery Oa 7 AsFGrGJ 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 Oa 7 AsFGrGJ t e querySelectorAll Avada - ImageGallery Image n 0 r 3 const imageList altText mimeType png title SEOon Screenshot 2026 - 03 - 19 155129 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 19 155129 png v 1773921129 height 702 width 931 id gid / / shopify / MediaImage / 43223278321945 size 213346 createdAt 2026 - 03 - 19 T 11 52 08 Z altText mimeType jpeg title SEOon Hiba Jaber 14 Jan 2026 - 1 websize c 7 b 753 ff - 5748 - 4178 - a 87 e - aada 4 ac 0 ca 64 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Hiba Jaber 14 Jan 2026 - 1 websize c 7 b 753 ff - 5748 - 4178 - a 87 e - aada 4 ac 0 ca 64 jpg v 1773920444 height 2227 width 2222 id gid / / shopify / MediaImage / 43223244210457 size 261977 createdAt 2026 - 03 - 19 T 11 40 42 Z altText mimeType png title SEOon Screenshot 2026 - 03 - 19 155155 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 19 155155 png v 1773921128 height 810 width 949 id gid / / shopify / MediaImage / 43223278289177 size 176031 createdAt 2026 - 03 - 19 T 11 52 07 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 3 / 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 Oa 7 AsFGrGJ 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 Bracelets are where your look comes to life / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Whether you choose a refined tennis - style piece or something more minimal they add movement و subtle shine to your outfit / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph em data - start 1491 data - end 1513 Perfect for styling / em Layer different textures a sleek سوار مع a softer piece to create a balanced wrist stack / p h 3 id a - personal - statement - duo - خواتم - مع - ألماس 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 A Personal Statement Duo خواتم مع ألماس / strong / h 3 div class Avada - Tool Image style display flex justify - content Center 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 a class Avada - ImageTool Link href https / / hibajaber com / products / thin - duo - خواتم pos 2 amp sid 4 e 382 c 600 amp ss r target blank rel noreferrer img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon HIBA JABIR 27 AUG 25 - 18 a 3 b 611894 - 6 cb 6 - 40 bf - b 659 - 20 e 4 c 1218 cb 1 jpg v 1773920464 alt style width 100 aspect - ratio original object - fit cover / a / div / div / div p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph For a more personal touch strong Duo خواتم مع ألماس / strong bring together عريض design و meaning / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Strong yet elegant they stand out perfect for marking a moment or simply elevating your look / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph em data - start 1904 data - end 1926 Perfect for styling / em Wear it solo for impact or pair it مع a slim band to create contrast / p hr style display data - hide false data - lock false data - block - الاسم Divider h 3 id the - eid - glow 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 The Eid Glow / strong / h 3 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Eid style isn t about overdoing it it s about choosing pieces that feel like you / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Jewelry that reflects your mood Your energy Your story / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph This season let your look be a balance of statement و simplicity where every piece has a place و a purpose / p div class Avada - Tool Image style display flex justify - content Center 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 class Avada - ImageTool Link href https / / hibajaber com / target blank 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 style width 100 aspect - ratio original object - fit cover / a / div / div / div
اترك تعليقا