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 HibaJaber - 31 jpg v 1776369294 alt Hiba Jaber the founder 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 At the قلب of every Hiba Jaber jewel is a story one that goes beyond design و into emotion memory و connection We sat down مع founder Hiba Jaber to talk about what makes a هدية truly meaningful و how jewellery becomes something people carry for a lifetime / p h 3 id when - someone - is - choosing - an - anniversary - هدية - what - makes - a - piece - of - jewelry - truly - meaningful - rather - than - just - beautiful 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 When someone is choosing an anniversary هدية what makes a piece of jewelry truly meaningful rather than just beautiful / 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 / / www instagram com / hibajaber official target blank rel noreferrer img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon bf 5 a 932 f - 86 e 6 - 4000 - 93 f 6 - 5 fc 32138 d 16 e jpg v 1776369418 alt A special story 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 When it s a هدية from him to her it s usually very personal We often see clients choose their initials و turn them into a unique jewelry creation / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph One of the most special jewels they gravitate towards is a pair of thin or thick duo خواتم designed مع their initials و a solitaire ألماس in between It s symbolic but also luxurious it brings together meaning و elegance in one piece / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph What makes it truly meaningful is how it becomes part of their everyday life We often hear things like em data - start 1091 data - end 1138 I never took it off from the day I wore it / em That for me is everything It s always an honor to be part of their special stories و moments / p div class Avada - Tool ImageGallery style display id ImageGallery 7 MslUcDF 7 n component - id undefined auto - play false span class Avada - Tool ImageGallery value hidden layout grid aspectRatio auto imagesSelected altText mimeType jpeg title SEOon 8 edea 597 - 6 c 58 - 4 e 37 - 94 d 7 - 0 c 83 bbd 27 b 3 c jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon 8 edea 597 - 6 c 58 - 4 e 37 - 94 d 7 - 0 c 83 bbd 27 b 3 c jpg v 1776369410 height 1066 width 1600 id gid / / shopify / MediaImage / 51508482801945 size 99597 createdAt 2026 - 04 - 16 T 19 56 49 Z altText mimeType jpeg title SEOon 4 eaa 9 c 11 - 4 d 05 - 4 f 90 - 9 a 32 - 2 cdf 0 cb 75 de 9 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon 4 eaa 9 c 11 - 4 d 05 - 4 f 90 - 9 a 32 - 2 cdf 0 cb 75 de 9 jpg v 1776369410 height 1066 width 1600 id gid / / shopify / MediaImage / 51508482834713 size 112640 createdAt 2026 - 04 - 16 T 19 56 49 Z altText mimeType jpeg title SEOon CDR 005776 - W jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDR 005776 - W jpg v 1776369412 height 2432 width 3072 id gid / / shopify / MediaImage / 51508482867481 size 392109 createdAt 2026 - 04 - 16 T 19 56 50 Z altText mimeType jpeg title SEOon CDR 005588 - WY 889 ae 738 - e 217 - 460 e - b 55 f - bc 043 d 207785 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDR 005588 - WY 889 ae 738 - e 217 - 460 e - b 55 f - bc 043 d 207785 jpg v 1776369419 height 3755 width 4746 id gid / / shopify / MediaImage / 51508483162393 size 2057951 createdAt 2026 - 04 - 16 T 19 56 57 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 / 51508482801945 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 8 edea 597 - 6 c 58 - 4 e 37 - 94 d 7 - 0 c 83 bbd 27 b 3 c jpg v 1776369410 img image - id gid / / shopify / MediaImage / 51508482834713 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 4 eaa 9 c 11 - 4 d 05 - 4 f 90 - 9 a 32 - 2 cdf 0 cb 75 de 9 jpg v 1776369410 img image - id gid / / shopify / MediaImage / 51508482867481 data - index 2 class Avada - ImageGallery Image mobile - 2 desktop - 2 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDR 005776 - W jpg v 1776369412 img image - id gid / / shopify / MediaImage / 51508483162393 data - index 3 class Avada - ImageGallery Image mobile - 2 desktop - 2 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDR 005588 - WY 889 ae 738 - e 217 - 460 e - b 55 f - bc 043 d 207785 jpg v 1776369419 / 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 7 MslUcDF 7 n mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery 7 MslUcDF 7 n Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting 'auto' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery 7 MslUcDF 7 n 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 7 MslUcDF 7 n t e querySelectorAll Avada - ImageGallery Image n 0 r 4 const imageList altText mimeType jpeg title SEOon 8 edea 597 - 6 c 58 - 4 e 37 - 94 d 7 - 0 c 83 bbd 27 b 3 c jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon 8 edea 597 - 6 c 58 - 4 e 37 - 94 d 7 - 0 c 83 bbd 27 b 3 c jpg v 1776369410 height 1066 width 1600 id gid / / shopify / MediaImage / 51508482801945 size 99597 createdAt 2026 - 04 - 16 T 19 56 49 Z altText mimeType jpeg title SEOon 4 eaa 9 c 11 - 4 d 05 - 4 f 90 - 9 a 32 - 2 cdf 0 cb 75 de 9 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon 4 eaa 9 c 11 - 4 d 05 - 4 f 90 - 9 a 32 - 2 cdf 0 cb 75 de 9 jpg v 1776369410 height 1066 width 1600 id gid / / shopify / MediaImage / 51508482834713 size 112640 createdAt 2026 - 04 - 16 T 19 56 49 Z altText mimeType jpeg title SEOon CDR 005776 - W jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDR 005776 - W jpg v 1776369412 height 2432 width 3072 id gid / / shopify / MediaImage / 51508482867481 size 392109 createdAt 2026 - 04 - 16 T 19 56 50 Z altText mimeType jpeg title SEOon CDR 005588 - WY 889 ae 738 - e 217 - 460 e - b 55 f - bc 043 d 207785 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon CDR 005588 - WY 889 ae 738 - e 217 - 460 e - b 55 f - bc 043 d 207785 jpg v 1776369419 height 3755 width 4746 id gid / / shopify / MediaImage / 51508483162393 size 2057951 createdAt 2026 - 04 - 16 T 19 56 57 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 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 7 MslUcDF 7 n 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 when - selecting - a - meaningful - هدية - do - people - connect - more - مع - the - emotion - behind - it - or - the - design - itself 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 When selecting a meaningful هدية do people connect more مع the emotion behind it or the design itself / strong / h 3 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph I believe it s both / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph When a jewel holds meaning like letters or symbols that matter to you it naturally creates an emotional connection But what makes it even more special is being part of the design process itself / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph When someone is involved in creating their piece it becomes an experience و as humans we connect deeply مع experiences It feels very different from simply picking something off a shelf / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph It becomes unique personal و layered مع meaning something you helped bring to life / p div class Avada - Tool ImageGallery style display id ImageGallery 9 FxCqdjWyX component - id undefined auto - play false span class Avada - Tool ImageGallery value hidden layout grid aspectRatio 3 / 4 imagesSelected altText mimeType png title SEOon Screenshot 2026 - 04 - 16 235930 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 04 - 16 235930 png v 1776369648 height 1110 width 813 id gid / / shopify / MediaImage / 51508496335129 size 1677553 createdAt 2026 - 04 - 16 T 20 00 46 Z altText mimeType png title SEOon Screenshot 2026 - 04 - 16 235942 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 04 - 16 235942 png v 1776369646 height 1101 width 820 id gid / / shopify / MediaImage / 51508496269593 size 1290792 createdAt 2026 - 04 - 16 T 20 00 44 Z altText mimeType png title SEOon Screenshot 2026 - 04 - 16 235922 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 04 - 16 235922 png v 1776369646 height 1099 width 831 id gid / / shopify / MediaImage / 51508496302361 size 1321061 createdAt 2026 - 04 - 16 T 20 00 45 Z isShowCaption true imagesInARow 3 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 / 51508496335129 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 Screenshot 2026 - 04 - 16 235930 png v 1776369648 img image - id gid / / shopify / MediaImage / 51508496269593 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 Screenshot 2026 - 04 - 16 235942 png v 1776369646 img image - id gid / / shopify / MediaImage / 51508496302361 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 Screenshot 2026 - 04 - 16 235922 png v 1776369646 / 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 9 FxCqdjWyX mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery 9 FxCqdjWyX Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting ' 3 / 4 ' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery 9 FxCqdjWyX 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 9 FxCqdjWyX t e querySelectorAll Avada - ImageGallery Image n 0 r 3 const imageList altText mimeType png title SEOon Screenshot 2026 - 04 - 16 235930 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 04 - 16 235930 png v 1776369648 height 1110 width 813 id gid / / shopify / MediaImage / 51508496335129 size 1677553 createdAt 2026 - 04 - 16 T 20 00 46 Z altText mimeType png title SEOon Screenshot 2026 - 04 - 16 235942 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 04 - 16 235942 png v 1776369646 height 1101 width 820 id gid / / shopify / MediaImage / 51508496269593 size 1290792 createdAt 2026 - 04 - 16 T 20 00 44 Z altText mimeType png title SEOon Screenshot 2026 - 04 - 16 235922 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 04 - 16 235922 png v 1776369646 height 1099 width 831 id gid / / shopify / MediaImage / 51508496302361 size 1321061 createdAt 2026 - 04 - 16 T 20 00 45 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 9 FxCqdjWyX 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 if - someone - feels - completely - lost - و - doesnt - know - what - to - هدية - a - mother - to - be - what - would - you - guide - them - towards 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 If someone feels completely lost و doesn t know what to هدية a mother - to - be what would you guide them towards / strong / h 3 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph For a mother - to - be or any mother jewelry that carries her children s initials is always very special / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph A قلادة is usually the most loved option It can be designed مع the children s initials or even include the names of the whole family / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph There s something incredibly meaningful about wearing a piece that holds the names of your children it becomes part of you / p div class Avada - Tool ImageGallery style display id ImageGallery tms 11 amZQE component - id undefined auto - play false span class Avada - Tool ImageGallery value hidden layout grid aspectRatio 3 / 4 imagesSelected altText mimeType jpeg title SEOon 06 a 554 ff - 8 f 1 a - 4 bbe - 9 c 6 d - ea 12 dcf 972 bf 1 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon 06 a 554 ff - 8 f 1 a - 4 bbe - 9 c 6 d - ea 12 dcf 972 bf 1 jpg v 1776369711 height 1600 width 1200 id gid / / shopify / MediaImage / 51508499775769 size 147767 createdAt 2026 - 04 - 16 T 20 01 50 Z altText mimeType jpeg title SEOon December 2025 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon December 2025 jpg v 1776369715 height 1424 width 1170 id gid / / shopify / MediaImage / 51508499906841 size 1236562 createdAt 2026 - 04 - 16 T 20 01 54 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 / 51508499775769 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 06 a 554 ff - 8 f 1 a - 4 bbe - 9 c 6 d - ea 12 dcf 972 bf 1 jpg v 1776369711 img image - id gid / / shopify / MediaImage / 51508499906841 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 December 2025 jpg v 1776369715 / 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 tms 11 amZQE mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery tms 11 amZQE Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting ' 3 / 4 ' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery tms 11 amZQE 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 tms 11 amZQE t e querySelectorAll Avada - ImageGallery Image n 0 r 2 const imageList altText mimeType jpeg title SEOon 06 a 554 ff - 8 f 1 a - 4 bbe - 9 c 6 d - ea 12 dcf 972 bf 1 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon 06 a 554 ff - 8 f 1 a - 4 bbe - 9 c 6 d - ea 12 dcf 972 bf 1 jpg v 1776369711 height 1600 width 1200 id gid / / shopify / MediaImage / 51508499775769 size 147767 createdAt 2026 - 04 - 16 T 20 01 50 Z altText mimeType jpeg title SEOon December 2025 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon December 2025 jpg v 1776369715 height 1424 width 1170 id gid / / shopify / MediaImage / 51508499906841 size 1236562 createdAt 2026 - 04 - 16 T 20 01 54 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 tms 11 amZQE 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 what - is - one - piece - of - advice - you - always - give - your - clients - when - choosing - a - meaningful - هدية 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 What is one piece of advice you always give your clients when choosing a meaningful هدية / strong / h 3 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph I always make sure they truly love و connect مع the piece / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph When someone asks me which ذهب color is nicer I ask them what they usually wear When they ask if it s better مع ألماس or without I try to understand their personal style first / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph At the end of the day the jewelry is meant to reflect their story not mine / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph I guide them of course but always based on who they are Because it s something they will wear every day و it has to feel like them / p 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 - 04 - 17 000357 png v 1776369853 alt Hiba Jaber style width 100 aspect - ratio original object - fit cover / div / div / div h 3 id discover - the - art - of - meaningful - gifting - و - create - a - piece - that - tells - your - story - مع - hiba - jaber 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 Discover the art of meaningful gifting و create a piece that tells your story مع Hiba Jaber / strong / h 3 div class Avada - Tool Image style display flex justify - content Center component - id image - wgRvWXgKuuVk data - hide false data - lock false data - block - الاسم Image div class Avada - ImageTool Wrapper style width 36 div class Avada - ImageTool Images a class Avada - ImageTool Link href https / / hibajaber com / pages / create - your - own - jewelry target blank rel noreferrer img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon WhatsApp Image 2026 - 03 - 17 at 5.19 52 PM jpg v 1773753701 alt Create your special story style width 100 aspect - ratio original object - fit cover / a / div / div / div
اترك تعليقا