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 5 695 dc 6 c 4 - 1 a 9 c - 4 e 29 - a 4 e 4 - 17 e 898 bc 48 db jpg v 1774381047 alt mother day gifts 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 Some gifts go beyond celebration they hold emotion timing و a deep understanding of what someone is going through / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph This story began مع a friend who wanted to do something truly meaningful Her closest friend had just welcomed a newborn stepping into a جديد chapter of motherhood She didn t want to give something ordinary she wanted a هدية that would stay / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Something she could wear feel و would grow مع her story / p h 3 id the - thought - behind - the - gifts 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 Thought Behind the Gifts / strong / h 3 div class Avada - Tool ImageGallery style display id ImageGallery ZFekd 7 xYzk component - id undefined auto - play false span class Avada - Tool ImageGallery value hidden layout grid aspectRatio 3 / 4 imagesSelected altText mimeType jpeg title SEOon 1 C 8571 C 0 - 2 E 34 - 4324 - ACD 5 - 3 DB 05648 C 6 E 7 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon 1 C 8571 C 0 - 2 E 34 - 4324 - ACD 5 - 3 DB 05648 C 6 E 7 jpg v 1774381034 height 2080 width 1170 id gid / / shopify / MediaImage / 43270698926361 size 311029 createdAt 2026 - 03 - 24 T 19 37 13 Z isShowCaption true imagesInARow 1 device desktop imagesInARowMobile 2 caption isAutoPlay false hideButtonAction false captionAlign center hidden false locked false blockName Image gallery cssContent id Avada - Tool ImageGallery - 2 componentId undefined / span div class Avada - ImageGallery Container div class Avada - ImageGallery List img image - id gid / / shopify / MediaImage / 43270698926361 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 1 C 8571 C 0 - 2 E 34 - 4324 - ACD 5 - 3 DB 05648 C 6 E 7 jpg v 1774381034 / 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 ZFekd 7 xYzk mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery ZFekd 7 xYzk Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting ' 3 / 4 ' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery ZFekd 7 xYzk 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 ZFekd 7 xYzk t e querySelectorAll Avada - ImageGallery Image n 0 r 1 const imageList altText mimeType jpeg title SEOon 1 C 8571 C 0 - 2 E 34 - 4324 - ACD 5 - 3 DB 05648 C 6 E 7 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon 1 C 8571 C 0 - 2 E 34 - 4324 - ACD 5 - 3 DB 05648 C 6 E 7 jpg v 1774381034 height 2080 width 1170 id gid / / shopify / MediaImage / 43270698926361 size 311029 createdAt 2026 - 03 - 24 T 19 37 13 Z t forEach imgElement imgElement addEventListener click event const index event currentTarget getAttribute data - index const newList imageList slice index imageList slice 0 index const slidesModal newList map image ' div class Avada - GalleryModal Slide img class Avada - GalleryModal Image src ' image url ' alt ' image altText ' data - image - id ' image url ' / / div ' join const modal document createElement div modal classList add Avada - Gallery - Modal modal id dynamicModal Object assign modal style position fixed top 0 left 0 width 100 height 100 backgroundColor 000 zIndex 9999 display flex justifyContent center alignItems center color fff modal innerHTML div class Avada - GalleryModal Close id closeModal times / div div class Avada - GalleryModal Container ' div class Avada - GalleryModal Slides id slidesContainer ' slidesModal ' / div ' div class gallery - slide - number span id currentSlide index 1 / span / span id totalSlides 1 / span / div / div document body appendChild modal const closeModal document getElementById closeModal prevBtn document getElementById Avada - GalleryModal prevBtn nextBtn document getElementById Avada - GalleryModal nextBtn currentSlide document getElementById currentSlide totalSlides document getElementById totalSlides function updateSlideNumber currentSlide textContent n 1 function nextSlide n n 1 r updateSlide function prevSlide n n - 1 r r updateSlide function initializeSlideNumbers totalSlides textContent r updateSlideNumber function updateSlide document querySelectorAll Avada - GalleryModal Slide forEach slide slide style transform translateX - 100 n updateSlideNumber closeModal addEventListener click document body removeChild modal if nextBtn nextBtn addEventListener click nextSlide if prevBtn prevBtn addEventListener click prevSlide initializeSlideNumbers / script script class Avada - blog - hidden - tag function let e document getElementById ImageGallery ZFekd 7 xYzk 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 To honor this moment she chose not one but two necklaces each carrying its own meaning / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph The first was a strong متعدد - الاسم قلادة / strong designed مع the names of her friend s children A piece that celebrates the journey she s already lived every memory every moment every bond / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph At the center a strong 1 ct قلب ألماس / strong was added symbolizing the love that connects them all / 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 alt Elegant silver قلادة presented alongside a beautifully wrapped هدية box perfect for جديد mother gifts class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 2177 jpg v 1774381044 style width 100 aspect - ratio original object - fit cover / div / div / div p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph The second قلادة marked the beginning of something جديد / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph A strong مفرد initial قلادة / strong created مع the newborn's first letter delicate minimal و deeply personal Finished مع a strong 0.2 ct قلب ألماس / strong it represents the newest addition to the family و the love that came مع it / p h 3 id two - necklaces - one - story 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 Two Necklaces One Story / 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 img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon IMG 2167 jpg v 1774381048 alt mothers day هدية 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 Together the two necklaces tell a complete story / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph The past و the present The children she raised و the one she just welcomed / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph They can be worn layered close to the قلب or separately depending on the moment the mood the memory she wants to hold onto that day / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph strong Celebrate life s most special moments مع gifts that tells a story whether it s for a loved one or for yourself / strong / p 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 alt 'Gray text on a أبيض background reading Create Your Special Story symbolizing personalized gifts for جديد mothers' 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 style width 100 aspect - ratio original object - fit cover / a / div / div / div
اترك تعليقا