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 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 Untitled design 4 png v 1755507982 alt Hiba Javer custom jewerly client stories style width 100 aspect - ratio original object - fit cover / div / div / div p style text - align left display data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Some pieces are beautiful Others tell a story Ours do both / p p style text - align left display data - alignment left data - hide false data - lock false data - block - الاسم Paragraph At Hiba Jaber every a href https / / hibajaber com / pages / create - your - own - jewelry custom / a a href https / / hibajaber com / pages / create - your - own - jewelry target blank rel nofollow jewerly / a begins مع a meaningful moment a milestone a relationship a feeling you want to hold forever و transforms it into fine jewelry you can wear for a lifetime / p h 2 id custom - jewerly - story - 1 - sarahs - self - love - treasurenbsp - 1 style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 2 data - lock false Custom Jewerly Story 1 Sarah s Self - Love Treasure / h 2 div class Avada - Tool ImageGallery style display id ImageGallery lNIeReiFOc component - id auto - play false data - tool ' layout grid aspectRatio 3 / 4 imagesSelected altText thick duo خواتم mimeType jpeg title SEOon IMG 4 A 9 A 77 B 12 E 1 B - 1 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 4 A 9 A 77 B 12 E 1 B - 1 jpg v 1755261376 height 1309 width 887 id gid / / shopify / MediaImage / 41598876909849 size 609409 createdAt 2025 - 08 - 15 T 12 36 14 Z caption altText hand thick duo خواتم mimeType jpeg title SEOon IMG B 53 F 1 FC 5 DBBF - 1 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG B 53 F 1 FC 5 DBBF - 1 jpg v 1755261377 height 1490 width 907 id gid / / shopify / MediaImage / 41598877171993 size 761477 createdAt 2025 - 08 - 15 T 12 36 15 Z caption altText thick duo خواتم custom jewerly mimeType jpeg title SEOon IMG 43688272 BF 8 E - 1 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 43688272 BF 8 E - 1 jpg v 1755261376 height 1541 width 959 id gid / / shopify / MediaImage / 41598876778777 size 577308 createdAt 2025 - 08 - 15 T 12 36 14 Z caption isShowCaption true imagesInARow 3 device desktop imagesInARowMobile 2 caption isAutoPlay false hideButtonAction false captionAlign center hidden false locked false blockName Image gallery componentId ' div class Avada - ImageGallery Container div class Avada - ImageGallery List img image - id gid / / shopify / MediaImage / 41598876909849 data - index 0 class Avada - ImageGallery Image mobile - 2 desktop - 3 alt thick duo خواتم src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 4 A 9 A 77 B 12 E 1 B - 1 jpg v 1755261376 img image - id gid / / shopify / MediaImage / 41598877171993 data - index 1 class Avada - ImageGallery Image mobile - 2 desktop - 3 alt hand thick duo خواتم src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG B 53 F 1 FC 5 DBBF - 1 jpg v 1755261377 img image - id gid / / shopify / MediaImage / 41598876778777 data - index 2 class Avada - ImageGallery Image mobile - 2 desktop - 3 alt thick duo خواتم custom jewerly src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 43688272 BF 8 E - 1 jpg v 1755261376 / 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 lNIeReiFOc mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery lNIeReiFOc Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting ' 3 / 4 ' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery lNIeReiFOc 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 lNIeReiFOc t e querySelectorAll Avada - ImageGallery Image n 0 r 3 const imageList altText thick duo خواتم mimeType jpeg title SEOon IMG 4 A 9 A 77 B 12 E 1 B - 1 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 4 A 9 A 77 B 12 E 1 B - 1 jpg v 1755261376 height 1309 width 887 id gid / / shopify / MediaImage / 41598876909849 size 609409 createdAt 2025 - 08 - 15 T 12 36 14 Z caption altText hand thick duo خواتم mimeType jpeg title SEOon IMG B 53 F 1 FC 5 DBBF - 1 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG B 53 F 1 FC 5 DBBF - 1 jpg v 1755261377 height 1490 width 907 id gid / / shopify / MediaImage / 41598877171993 size 761477 createdAt 2025 - 08 - 15 T 12 36 15 Z caption altText thick duo خواتم custom jewerly mimeType jpeg title SEOon IMG 43688272 BF 8 E - 1 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 43688272 BF 8 E - 1 jpg v 1755261376 height 1541 width 959 id gid / / shopify / MediaImage / 41598876778777 size 577308 createdAt 2025 - 08 - 15 T 12 36 14 Z caption 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 lNIeReiFOc 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 data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Sarah reached out to design a deeply personal هدية for herself a reminder of her journey strength و growth She turned her meaningful letters into strong thick duo خواتم / strong paired مع a strong 0.5 ct كمثرى ألماس / strong creating a piece that was uniquely hers / p div class Avada - Tool Image style justify - content Center display flex component - id 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 Screen Shot 2025 - 08 - 04 at 10.46 04 AM png v 1755261374 alt testimonial arabic hiba jaber style width 100 aspect - ratio original object - fit cover / div / div / div p style text - align left display data - alignment left data - hide false data - lock false data - block - الاسم Paragraph It wasn t just custom jewelry it was a love letter to herself br data - start 886 data - end 889 و Sarah absolutely loved it / p h 2 id custom - jewerly - story - 2 - a - husbands - secret - surprisenbsp - 1 style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 2 data - lock false Custom Jewerly Story 2 A Husband s Secret Surprise / h 2 div class Avada - Tool ImageGallery style display id ImageGallery C 8 F 0 bBXihx component - id auto - play false data - tool ' layout grid aspectRatio 3 / 4 imagesSelected altText قلب shaped ألماس خاتم mimeType jpeg title SEOon IMG 0575 a jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 0575 a jpg v 1755261478 height 2049 width 1536 id gid / / shopify / MediaImage / 41598884446489 size 1089948 createdAt 2025 - 08 - 15 T 12 37 56 Z caption altText anniversary خاتم مع engraving mimeType jpeg title SEOon IMG 0514 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 0514 jpg v 1755261477 height 2049 width 1536 id gid / / shopify / MediaImage / 41598884380953 size 438425 createdAt 2025 - 08 - 15 T 12 37 56 Z caption altText خاتم مع initials mimeType jpeg title SEOon IMG 0503 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 0503 jpg v 1755261476 height 2049 width 1536 id gid / / shopify / MediaImage / 41598884348185 size 509069 createdAt 2025 - 08 - 15 T 12 37 54 Z caption altText thick duo خاتم مع ألماس mimeType jpeg title SEOon IMG 0495 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 0495 jpg v 1755261475 height 2049 width 1536 id gid / / shopify / MediaImage / 41598884282649 size 408946 createdAt 2025 - 08 - 15 T 12 37 54 Z caption isShowCaption true imagesInARow 2 device desktop imagesInARowMobile 2 caption isAutoPlay false hideButtonAction false captionAlign center hidden false locked false blockName Image gallery componentId ' div class Avada - ImageGallery Container div class Avada - ImageGallery List img image - id gid / / shopify / MediaImage / 41598884446489 data - index 0 class Avada - ImageGallery Image mobile - 2 desktop - 2 alt قلب shaped ألماس خاتم src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 0575 a jpg v 1755261478 img image - id gid / / shopify / MediaImage / 41598884380953 data - index 1 class Avada - ImageGallery Image mobile - 2 desktop - 2 alt anniversary خاتم مع engraving src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 0514 jpg v 1755261477 img image - id gid / / shopify / MediaImage / 41598884348185 data - index 2 class Avada - ImageGallery Image mobile - 2 desktop - 2 alt خاتم مع initials src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 0503 jpg v 1755261476 img image - id gid / / shopify / MediaImage / 41598884282649 data - index 3 class Avada - ImageGallery Image mobile - 2 desktop - 2 alt thick duo خاتم مع ألماس src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 0495 jpg v 1755261475 / 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 C 8 F 0 bBXihx mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery C 8 F 0 bBXihx Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting ' 3 / 4 ' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery C 8 F 0 bBXihx 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 C 8 F 0 bBXihx t e querySelectorAll Avada - ImageGallery Image n 0 r 4 const imageList altText قلب shaped ألماس خاتم mimeType jpeg title SEOon IMG 0575 a jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 0575 a jpg v 1755261478 height 2049 width 1536 id gid / / shopify / MediaImage / 41598884446489 size 1089948 createdAt 2025 - 08 - 15 T 12 37 56 Z caption altText anniversary خاتم مع engraving mimeType jpeg title SEOon IMG 0514 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 0514 jpg v 1755261477 height 2049 width 1536 id gid / / shopify / MediaImage / 41598884380953 size 438425 createdAt 2025 - 08 - 15 T 12 37 56 Z caption altText خاتم مع initials mimeType jpeg title SEOon IMG 0503 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 0503 jpg v 1755261476 height 2049 width 1536 id gid / / shopify / MediaImage / 41598884348185 size 509069 createdAt 2025 - 08 - 15 T 12 37 54 Z caption altText thick duo خاتم مع ألماس mimeType jpeg title SEOon IMG 0495 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 0495 jpg v 1755261475 height 2049 width 1536 id gid / / shopify / MediaImage / 41598884282649 size 408946 createdAt 2025 - 08 - 15 T 12 37 54 Z caption 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 4 / 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 C 8 F 0 bBXihx 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 data - alignment left data - hide false data - lock false data - block - الاسم Paragraph He wanted something as unique as their love story We turned their initials into a strong thick duo خاتم / strong مع a strong 0.3 ct قلب - shaped ألماس / strong in the center But the real magic A hidden engraving inside the band reading em data - start 1188 data - end 1204 7 abebet alby / em love of my قلب / p div class Avada - Tool ImageGallery style display id ImageGallery 1 Evh 62 WSMN component - id auto - play false data - tool ' layout grid aspectRatio auto imagesSelected altText Testimonial hiba jaber english mimeType jpeg title SEOon WhatsApp Image 2025 - 08 - 01 at 11.58 24 AM jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon WhatsApp Image 2025 - 08 - 01 at 11.58 24 AM jpg v 1755261473 height 86 width 350 id gid / / shopify / MediaImage / 41598884151577 size 11644 createdAt 2025 - 08 - 15 T 12 37 52 Z caption altText testimonial custom jewerly Hiba jaber mimeType jpeg title SEOon WhatsApp Image 2025 - 08 - 01 at 11.58 05 AM jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon WhatsApp Image 2025 - 08 - 01 at 11.58 05 AM jpg v 1755261473 height 102 width 323 id gid / / shopify / MediaImage / 41598884184345 size 10779 createdAt 2025 - 08 - 15 T 12 37 52 Z caption isShowCaption true imagesInARow 1 device desktop imagesInARowMobile 2 caption isAutoPlay false hideButtonAction false captionAlign center hidden false locked false blockName Image gallery componentId ' div class Avada - ImageGallery Container div class Avada - ImageGallery List img image - id gid / / shopify / MediaImage / 41598884151577 data - index 0 class Avada - ImageGallery Image mobile - 2 desktop - 1 alt Testimonial hiba jaber english src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon WhatsApp Image 2025 - 08 - 01 at 11.58 24 AM jpg v 1755261473 img image - id gid / / shopify / MediaImage / 41598884184345 data - index 1 class Avada - ImageGallery Image mobile - 2 desktop - 1 alt testimonial custom jewerly Hiba jaber src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon WhatsApp Image 2025 - 08 - 01 at 11.58 05 AM jpg v 1755261473 / 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 1 Evh 62 WSMN mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery 1 Evh 62 WSMN Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting 'auto' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery 1 Evh 62 WSMN 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 1 Evh 62 WSMN t e querySelectorAll Avada - ImageGallery Image n 0 r 2 const imageList altText Testimonial hiba jaber english mimeType jpeg title SEOon WhatsApp Image 2025 - 08 - 01 at 11.58 24 AM jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon WhatsApp Image 2025 - 08 - 01 at 11.58 24 AM jpg v 1755261473 height 86 width 350 id gid / / shopify / MediaImage / 41598884151577 size 11644 createdAt 2025 - 08 - 15 T 12 37 52 Z caption altText testimonial custom jewerly Hiba jaber mimeType jpeg title SEOon WhatsApp Image 2025 - 08 - 01 at 11.58 05 AM jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon WhatsApp Image 2025 - 08 - 01 at 11.58 05 AM jpg v 1755261473 height 102 width 323 id gid / / shopify / MediaImage / 41598884184345 size 10779 createdAt 2025 - 08 - 15 T 12 37 52 Z caption 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 1 Evh 62 WSMN 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 data - alignment left data - hide false data - lock false data - block - الاسم Paragraph It was a هدية that spoke without words / p hr style display data - hide false data - lock false data - block - الاسم Divider p style text - align left display data - alignment left data - hide false data - lock false data - block - الاسم Paragraph strong Your story matters / strong Whether it s a milestone a message or a memory our team will work مع you to bring it to life from the first sketch to the final sparkle / p p style text - align left display data - alignment left data - hide false data - lock false data - block - الاسم Paragraph strong Start creating your custom piece today و make your moments unforgettable / strong / p div class Avada - Tool Image style justify - content Center display flex component - id data - hide false data - lock false data - block - الاسم Image div class Avada - ImageTool Wrapper style width 26 div class Avada - ImageTool Images img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screen Shot 2025 - 07 - 04 at 4.25 08 PM png v 1751742855 alt create your jewels style width 100 aspect - ratio original object - fit cover / div / div / div
اترك تعليقا