/** Shopify CDN: Minification failed Line 17:0 Unexpected "164D00AF-C245-4ED7-8FE8-C73CF19E898F" Line 423:33 Unterminated string token Line 465:17 Unterminated string token Line 502:21 Unterminated string token Line 514:20 Unterminated string token Line 528:200 Unterminated string token Line 578:14 Unexpected "{" Line 578:23 Expected ":" Line 759:0 Unexpected "/" Line 769:14 Unexpected "{" ... and 1 more hidden warnings **/ 164D00AF-C245-4ED7-8FE8-C73CF19E898F.png 1203DAA4-2054-4BE1-A802-89793E84E1B7.png 0A7E3075-1504-47C3-ACAD-FC13E5814C12.png 654B4EDF-3A69-4EA4-A1B0-528D26035270.png B209AA1D-63A2-47ED-8E56-423713B9F01E.png 760C0E39-25EE-46B4-B46E-F2EEDCC15CA9.png help me edit this Pasted text(4).txt Document Pasted text (2).txt Document Pasted text(5).txt Document Now do the same for the @ Your order is on the way - thats the existing code I want this part to be more warm Pasted text(6).txt Document that one is for refund - keep it transactional change just the colours to match what we made above Pasted text(7).txt Document same for this one okays so this seems to be on - how can I see id the emails have been sent ? Screenshot 2026-08-07 at 00.15.46.png on the report we saw 10 abandoned carts - but here there are none? Generated image: Maison Élyséa Luxury Jewellery Homepage Edit Pasted text(8).txt Document Perfect! at the moment it looks like this we will need to change the header as well right? Screenshot 2026-08-08 at 21.53.52.png it looks like that - not like what you have shown me Pasted text(9).txt Document thats the current header.liquid - make the changes and sent it to me Screenshot 2026-08-08 at 22.03.51.png but these are missing from the code you gave me Screenshot 2026-08-08 at 22.10.29.png Like this right ? Screenshot 2026-08-08 at 22.14.11.png Screenshot 2026-08-08 at 22.16.51.png done Screenshot 2026-08-08 at 22.19.59.png Screenshot 2026-08-08 at 22.23.02.png Can you see that there is no padding over here ? I think we need to fix it Pasted text(10).txt Document thats the coding we put in ther e- can you change it and resent it to me Screenshot 2026-08-08 at 22.29.16.png it messed everything - can you rewritr=e the whole code ? Screenshot 2026-08-08 at 22.32.02.png 14 days returns - at the moment it is like that Generated image Edit returns-icon.png REMOVE THE BACKGROUND Generated image Edit Generated image: Maison ÊLYSÊA Luxury Jewellery Homepage Edit Screenshot 2026-08-08 at 22.56.26.png Screenshot 2026-08-08 at 23.26.03.png Now I feel like this section here repeats itself Generated image Edit Generated image: Golden Free UK Delivery Icon Edit Generated image: Golden Delivery Truck with Gift Box Edit Generated image: Minimal Gold Delivery Truck Icon Edit Generated image: Minimalist Gold Delivery Truck Icon Edit Generated image Edit Generated image: Golden Padlock and Shield Icon Edit Generated image: Golden Lock and Shield Icon Edit Screenshot 2026-08-08 at 23.50.30.png Generated image Edit Generated image Edit Screenshot 2026-08-09 at 00.02.25.png Can you see this ? I dont Want this to be happening - it is all across the site - I want it only on the home page Pasted text(20260808-232631).txt Document thats the current liquid Screenshot 2026-08-09 at 00.44.30.png Screenshot 2026-08-09 at 01.13.33.png Screenshot 2026-08-09 at 01.17.13.png they are tiny and i dont have the choice to make them bigger Screenshot 2026-08-09 at 01.22.36.png Pasted text(20260809-005217).txt Document okay take this as a whole and make the changes here Pasted text(20260809-010806).txt Document I mess this thing up - can you fix it ? Screenshot 2026-08-09 at 12.53.19.png I want it to be like this Generated image: Luxury Gold Bracelet Product Page Edit Screenshot 2026-08-09 at 13.05.28.png I am here - is that correct to look here ? Screenshot 2026-08-09 at 13.06.31.png Screenshot 2026-08-09 at 13.09.27.png I dont think is wise to remove the pay in 3 - I also cannot remove it on the price section Screenshot 2026-08-09 at 13.12.52.png Screenshot 2026-08-09 at 13.26.12.png Like this right? Screenshot 2026-08-09 at 13.32.24.png Perfect - so now it looks like this Screenshot 2026-08-09 at 13.33.49.png Like this right? Screenshot 2026-08-09 at 13.39.08.png at the moment its like this Screenshot 2026-08-09 at 13.50.37.png there is an issue with the size Screenshot 2026-08-09 at 14.21.39.png i actually like it Screenshot 2026-08-09 at 14.25.20.png perfect - Please have a look on my home page - I am not sure why it changed from what we did before Today 5:54 PM Screenshot 2026-08-09 at 17.54.13.png Pasted text(20260809-165540).txt Document thats the whole base css Pasted text(20260809-165726).txt Document Screenshot 2026-08-09 at 17.59.24.png okay lets move on - this is on the home page on the mobile version - as you can see the price and full title of the top 2 products doesnt show Pasted text(20260809-170102).txt Document Screenshot 2026-08-09 at 18.02.24.png Screenshot 2026-08-09 at 18.06.28.png Perfect - and now this Screenshot 2026-08-09 at 18.14.04.png Screenshot 2026-08-09 at 18.21.37.png Screenshot 2026-08-14 at 09.35.59.png Screenshot 2026-08-14 at 09.42.17.png Screenshot 2026-08-14 at 09.46.52.png Screenshot 2026-08-14 at 09.52.38.png Pasted text(20260814-085418).txt Document its on here this error Screenshot 2026-08-14 at 09.59.15.png Screenshot 2026-08-14 at 10.08.47.png Screenshot 2026-08-14 at 10.08.58.png this is how it is now Screenshot 2026-08-14 at 10.11.02.png Pasted text(20260814-091842).txt Document Screenshot 2026-08-14 at 10.25.27.png Pasted text(20260814-092854).txt Document Pasted text(20260814-093534).txt Document Pasted text(20260814-093754).txt Document Pasted text(20260814-094156).txt Document I dont know how coding work - Please give me step by step - this is the current snippet - are we editing here? where? I am getting confused Screenshot 2026-08-14 at 10.47.42.png Screenshot 2026-08-14 at 10.50.15.png Pasted code.js JavaScript Screenshot 2026-08-14 at 11.00.51.png I changed it from 1 to 2 the error message is still there and now I can see the product word above? Screenshot 2026-08-14 at 11.06.16.png Screenshot 2026-08-14 at 11.09.00.png Screenshot 2026-08-14 at 11.09.51.png Screenshot 2026-08-14 at 11.18.37.png Screenshot 2026-08-14 at 11.20.52.png Screenshot 2026-08-14 at 12.01.32.png Screenshot 2026-08-14 at 12.02.21.png they show at the end of the page Screenshot 2026-08-14 at 12.04.47.png Pasted text(20260814-110810).txt Document perfect! base.css Screenshot 2026-08-14 at 12.15.15.png the button is there but it is not visible Screenshot 2026-08-14 at 12.24.09.png Screenshot 2026-08-14 at 12.48.21.png I cannot see it Screenshot 2026-08-14 at 12.54.54.png Screenshot 2026-08-14 at 12.55.45.png Screenshot 2026-08-14 at 12.58.37.png why does it open a new page tho? Why cant it search on the existing page ? Pasted text(20260814-120104).txt Document Screenshot 2026-08-14 at 13.03.07.png Screenshot 2026-08-14 at 13.11.03.png its huge no ? Screenshot 2026-08-14 at 13.12.33.png I messed it up - rewrite the whole thing - I want the search to take like 30% of the page - it currently takes over the whole page Screenshot 2026-08-14 at 13.15.09.png I like that- I believe the text size its a bit small. - rewrite the whole thing Screenshot 2026-08-14 at 13.17.24.png still too small Screenshot 2026-08-14 at 13.20.10.png Pasted code.css File rewrite and fix that Done. I rebuilt the search CSS as a clean one-column luxury search, rather than trying to keep the old two-column Dawn structure. Replace the entire contents of Assets → maison-search.css with: maison-search-clean-custom.css This version fixes the wrapping problem by removing the narrow product text column entirely. It also hides Dawn’s suggestion column and vendor label, gives each product a 92px image + large 20px product name + readable price, and keeps the search panel compact at roughly the top 35–45% of the screen. Your previous file was still using a two-column results grid and a 62px image/text layout, which is what caused the product name to collapse when we increased the typography. Just replace that one CSS file and test it — no Liquid changes this time. maison-search-clean-custom.css Code Perfect - next step Perfect. The search is now looking much more premium. Next priority: Product page (this will increase conversions the most) Your website is already beautiful. Now we polish the buying experience. I'd do these in this exact order: ✅ Step 1 — Luxury Accordion (5 mins) Instead of long text, make elegant accordions: Materials & Care Shipping & Returns Waterproof Guarantee Our Promise Looks much more high-end (Missoma, Mejuri, Astrid & Miyu style). ✅ Step 2 — Sticky Add to Cart (10 mins) When people scroll down the product page, a bar sticks to the bottom: Adeline Gold Necklace ★★★★★ £57 [ Add to Bag ] Huge increase in conversions. ✅ Step 3 — Variant Swatches (15 mins) Instead of Red Green Black they become 🟢 ⚫ 🔴 ⚪ Very luxury. ✅ Step 4 — Image Gallery Current Dawn gallery is okay. I'd change it to: Large image □□□□ thumbnails underneath Exactly like: Missoma Monica Vinader Mejuri ✅ Step 5 — Product Information Icons Under Add to Cart: ✓ Waterproof ✓ Tarnish Resistant ✓ Hypoallergenic ✓ Lifetime Colour Warranty ✅ Step 6 — Trust Bar Immediately below Add to Cart: 🚚 Free UK Delivery £60+ ↩ Easy Returns 💳 Secure Checkout ✨ 12 Month Warranty ✅ Step 7 — Image Hover Zoom Luxury jewellery sites always let customers zoom. We'll make it smooth. ✅ Step 8 — Animated Add to Cart Instead of instantly changing... Button becomes: ✔ Added to Bag for one second. Very satisfying. Then we'll redesign: Cart page Collection page Search page Account pages Checkout branding …and after that your site will honestly feel like a £5M jewellery brand, not a Shopify theme. I recommend we start with the Luxury Product Accordions. They're quick to build, they clean up the product page immediately, and they set the tone for the whole shopping experience before we move on to the more advanced features like the sticky add-to-cart. lets do that Worked for 1m 12s Perfect — I’ve done this in the same clean workflow as the search. Your current product template already has a working collapsible_tab block that supports either the product description or custom content/pages, so I kept that logic intact and only upgraded the accordion experience. Use these two files: Replace your current Sections → main-product.liquid with: Download main-product with Maison accordions Create a new asset called exactly: maison-product-accordions.css and paste this whole file: maison-product-accordions.css The new accordions have cleaner typography, subtle champagne/emerald states, proper + / − controls instead of the default Dawn caret, better spacing, and much more readable content. Your existing accordion headings/content remain editable through the Shopify customiser because I preserved the current block settings. For Maison ÊLYSÊA, I’d keep the four you already have and use: Product Details → Materials → Delivery & Returns → Jewellery Care That structure is already present on your product page and works well; we’re upgrading the presentation rather than adding unnecessary sections. After saving, open one product and test each accordion once. If they look right, we go directly to the sticky Add to Cart, which is the next worthwhile conversion upgrade. maison-product-accordions.css Code Library / maison-product-accordions.css /* ========================================================= MAISON ÊLYSÊA — LUXURY PRODUCT ACCORDIONS Standalone product-page accordion styling ========================================================= */ /* Main accordion group */ #MainProduct-{{ section.id }} .product__accordion, .product__info-container .product__accordion { margin: 0 !important; border-top: 1px solid #DED4C7 !important; border-bottom: 0 !important; } /* Last accordion closes the group */ .product__info-container .product__accordion:last-of-type { border-bottom: 1px solid #DED4C7 !important; } /* Remove Dawn default box feeling */ .product__info-container .accordion { box-shadow: none !important; background: transparent !important; } /* Clickable row */ .product__info-container .product__accordion summary { min-height: 58px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; cursor: pointer !important; list-style: none !important; background: transparent !important; } .product__info-container .product__accordion summary::-webkit-details-marker { display: none !important; } /* Heading wrapper */ .product__info-container .product__accordion .summary__title { flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; align-items: center !important; } /* Heading */ .product__info-container .product__accordion .accordion__title { margin: 0 !important; color: #3B3028 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.3 !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; } /* Replace the tiny Dawn caret with a clean + / − */ .product__info-container .product__accordion summary > svg { display: none !important; } .product__info-container .product__accordion summary::after { content: "+" !important; flex: 0 0 auto !important; width: 24px !important; color: #3B3028 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 21px !important; font-weight: 300 !important; line-height: 1 !important; text-align: center !important; transition: transform 0.25s ease, color 0.25s ease !important; } .product__info-container .product__accordion details[open] summary::after { content: "−" !important; color: #C6A36B !important; } /* Open state heading */ .product__info-container .product__accordion details[open] .accordion__title { color: #1F5C4D !important; } /* Content */ .product__info-container .product__accordion .accordion__content { margin: 0 !important; padding: 0 32px 22px 0 !important; color: #62584F !important; font-size: 14px !important; line-height: 1.75 !important; letter-spacing: 0 !important; } /* Paragraph rhythm */ .product__info-container .product__accordion .accordion__content p { margin: 0 0 12px !important; } .product__info-container .product__accordion .accordion__content p:last-child { margin-bottom: 0 !important; } /* Lists */ .product__info-container .product__accordion .accordion__content ul, .product__info-container .product__accordion .accordion__content ol { margin: 10px 0 0 !important; padding-left: 18px !important; } .product__info-container .product__accordion .accordion__content li { margin: 0 0 7px !important; } /* Links */ .product__info-container .product__accordion .accordion__content a { color: #1F5C4D !important; text-decoration-color: rgba(31, 92, 77, 0.45) !important; text-underline-offset: 3px !important; } /* Smooth but subtle hover */ @media (hover: hover) { .product__info-container .product__accordion summary:hover .accordion__title { color: #1F5C4D !important; } .product__info-container .product__accordion summary:hover::after { color: #C6A36B !important; } } /* Keep accordions visually together */ .product__info-container .product__accordion + .product__accordion { margin-top: 0 !important; } /* Mobile */ @media screen and (max-width: 749px) { .product__info-container .product__accordion summary { min-height: 54px !important; } .product__info-container .product__accordion .accordion__title { font-size: 12px !important; letter-spacing: 0.09em !important; } .product__info-container .product__accordion summary::after { font-size: 19px !important; } .product__info-container .product__accordion .accordion__content { padding: 0 26px 20px 0 !important; font-size: 13px !important; line-height: 1.7 !important; } } Library / maison-product-accordions.css /* ========================================================= MAISON ÊLYSÊA — LUXURY PRODUCT ACCORDIONS Standalone product-page accordion styling ========================================================= */ /* Main accordion group */ #MainProduct-{{ section.id }} .product__accordion, .product__info-container .product__accordion { margin: 0 !important; border-top: 1px solid #DED4C7 !important; border-bottom: 0 !important; } /* Last accordion closes the group */ .product__info-container .product__accordion:last-of-type { border-bottom: 1px solid #DED4C7 !important; } /* Remove Dawn default box feeling */ .product__info-container .accordion { box-shadow: none !important; background: transparent !important; } /* Clickable row */ .product__info-container .product__accordion summary { min-height: 58px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; cursor: pointer !important; list-style: none !important; background: transparent !important; } .product__info-container .product__accordion summary::-webkit-details-marker { display: none !important; } /* Heading wrapper */ .product__info-container .product__accordion .summary__title { flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; align-items: center !important; } /* Heading */ .product__info-container .product__accordion .accordion__title { margin: 0 !important; color: #3B3028 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.3 !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; } /* Replace the tiny Dawn caret with a clean + / − */ .product__info-container .product__accordion summary > svg { display: none !important; } .product__info-container .product__accordion summary::after { content: "+" !important; flex: 0 0 auto !important; width: 24px !important; color: #3B3028 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 21px !important; font-weight: 300 !important; line-height: 1 !important; text-align: center !important; transition: transform 0.25s ease, color 0.25s ease !important; } .product__info-container .product__accordion details[open] summary::after { content: "−" !important; color: #C6A36B !important; } /* Open state heading */ .product__info-container .product__accordion details[open] .accordion__title { color: #1F5C4D !important; } /* Content */ .product__info-container .product__accordion .accordion__content { margin: 0 !important; padding: 0 32px 22px 0 !important; color: #62584F !important; font-size: 14px !important; line-height: 1.75 !important; letter-spacing: 0 !important; } /* Paragraph rhythm */ .product__info-container .product__accordion .accordion__content p { margin: 0 0 12px !important; } .product__info-container .product__accordion .accordion__content p:last-child { margin-bottom: 0 !important; } /* Lists */ .product__info-container .product__accordion .accordion__content ul, .product__info-container .product__accordion .accordion__content ol { margin: 10px 0 0 !important; padding-left: 18px !important; } .product__info-container .product__accordion .accordion__content li { margin: 0 0 7px !important; } /* Links */ .product__info-container .product__accordion .accordion__content a { color: #1F5C4D !important; text-decoration-color: rgba(31, 92, 77, 0.45) !important; text-underline-offset: 3px !important; } /* Smooth but subtle hover */ @media (hover: hover) { .product__info-container .product__accordion summary:hover .accordion__title { color: #1F5C4D !important; } .product__info-container .product__accordion summary:hover::after { color: #C6A36B !important; } } /* Keep accordions visually together */ .product__info-container .product__accordion + .product__accordion { margin-top: 0 !important; } /* Mobile */ @media screen and (max-width: 749px) { .product__info-container .product__accordion summary { min-height: 54px !important; } .product__info-container .product__accordion .accordion__title { font-size: 12px !important; letter-spacing: 0.09em !important; } .product__info-container .product__accordion summary::after { font-size: 19px !important; } .product__info-container .product__accordion .accordion__content { padding: 0 26px 20px 0 !important; font-size: 13px !important; line-height: 1.7 !important; } }