{"id":60,"date":"2026-06-21T08:06:31","date_gmt":"2026-06-21T08:06:31","guid":{"rendered":"https:\/\/djouristore.net\/?post_type=product&#038;p=60"},"modified":"2026-07-09T01:54:24","modified_gmt":"2026-07-09T01:54:24","slug":"luxury-clover-bracelet","status":"publish","type":"product","link":"https:\/\/djouristore.net\/ar\/product\/luxury-clover-bracelet\/","title":{"rendered":"\u0633\u0648\u0627\u0631 \u0643\u0644\u0648\u0641\u0631 \u0627\u0644\u0641\u0627\u062e\u0631 \u0644\u0644\u0633\u064a\u062f\u0627\u062a"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n<meta charset=\"UTF-8\"><br \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n<title>Clover Bracelet &#8211; 18K Gold Plated | Shop Now<\/title><\/p>\n<style>\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #fff; color: #111; line-height: 1.5; }\n  .container { max-width: 480px; margin: 0 auto; padding: 0 16px; }<\/p>\n<p>  \/* Hero Image *\/\n  .hero-img { width: 100%; border-radius: 12px; display: block; margin: 16px 0 12px; }<\/p>\n<p>  \/* Title & Price *\/\n  .title { font-size: 22px; font-weight: 600; margin: 8px 0 4px; line-height: 1.2; }\n  .subtitle { font-size: 14px; color: #666; margin-bottom: 12px; }\n  .price-row { display: flex; align-items: baseline; gap: 10px; margin-bottom: 8px; }\n  .price { font-size: 28px; font-weight: 600; color: #111; }\n  .old-price { font-size: 15px; color: #999; text-decoration: line-through; }<\/p>\n<p>  \/* Shipping Box *\/\n  .shipping-box { background: #f5f5f5; border-radius: 10px; padding: 12px 14px; margin-bottom: 16px; }\n  .shipping-text { font-size: 13px; color: #555; margin-bottom: 8px; }\n  .shipping-text strong { color: #111; font-weight: 600; }\n  .shipping-bar { width: 100%; height: 6px; background: #ddd; border-radius: 3px; overflow: hidden; }\n  .shipping-fill { height: 100%; background: #22c55e; border-radius: 3px; width: 35%; }\n  .shipping-note { font-size: 12px; color: #888; margin-top: 6px; }<\/p>\n<p>  \/* Badges *\/\n  .badge { display: inline-block; font-size: 11px; font-weight: 600; color: #16a34a; background: #dcfce7; padding: 3px 10px; border-radius: 6px; margin-bottom: 12px; }<\/p>\n<p>  \/* Color Selector *\/\n  .colors-label { font-size: 13px; font-weight: 600; color: #555; margin-bottom: 10px; }\n  .colors { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 20px; }\n  .color-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid transparent; cursor: pointer; transition: all 0.15s ease; }\n  .color-btn:hover { transform: scale(1.08); }\n  .color-btn.active { border-color: #111; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #111; }\n  .color-red { background: #c41e3a; }\n  .color-white { background: #f5f0e8; border: 1px solid #ddd; }\n  .color-black { background: #1a1a1a; }\n  .color-green { background: repeating-linear-gradient(90deg, #0d8a6f 0px, #0d8a6f 3px, #0a6b56 3px, #0a6b56 6px); }\n  .color-blue { background: #1e5aa8; }\n  .color-pink { background: #f28c9a; }<\/p>\n<p>  \/* Gallery *\/\n  .gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 20px; }\n  .gallery img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 10px; border: 2px solid transparent; cursor: pointer; transition: all 0.15s; }\n  .gallery img:hover { border-color: #ccc; }\n  .gallery img.active { border-color: #111; }<\/p>\n<p>  \/* CTA *\/\n  .cta { width: 100%; padding: 16px 0; font-size: 16px; font-weight: 600; color: #fff; background: #111; border: none; border-radius: 10px; cursor: pointer; transition: opacity 0.15s; margin-bottom: 12px; }\n  .cta:hover { opacity: 0.85; }<\/p>\n<p>  \/* Trust *\/\n  .trust { display: flex; justify-content: center; gap: 20px; font-size: 12px; color: #888; margin-bottom: 24px; }\n  .trust span { display: flex; align-items: center; gap: 4px; }<\/p>\n<p>  \/* Details *\/\n  .details { border-top: 1px solid #eee; padding-top: 20px; }\n  .details h3 { font-size: 15px; font-weight: 600; margin-bottom: 12px; }\n  .specs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 13px; }\n  .spec { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #eee; }\n  .spec-label { color: #888; }\n  .spec-value { color: #111; font-weight: 500; }<\/p>\n<p>  \/* Description *\/\n  .desc { font-size: 14px; color: #555; line-height: 1.6; margin-top: 16px; }<\/p>\n<p>  \/* Reviews *\/\n  .reviews { margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; }\n  .stars { color: #f5a623; font-size: 14px; margin-bottom: 4px; }\n  .review-count { font-size: 13px; color: #888; }<\/p>\n<p>  \/* Upsell *\/\n  .upsell { background: #eff6ff; border-radius: 10px; padding: 14px; margin-top: 16px; border: 1px solid #dbeafe; }\n  .upsell-title { font-size: 13px; font-weight: 600; color: #111; margin-bottom: 6px; }\n  .upsell-text { font-size: 12px; color: #555; }\n  .upsell-text strong { color: #16a34a; font-weight: 600; }<\/p>\n<p>  \/* Footer *\/\n  .footer { text-align: center; padding: 24px 0; font-size: 12px; color: #aaa; border-top: 1px solid #eee; margin-top: 24px; }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n<p>  <!-- HERO IMAGE --><br \/>\n  <img decoding=\"async\" id=\"mainImg\" class=\"hero-img\" src=\"https:\/\/via.placeholder.com\/480x480\/f5f0e8\/c41e3a?text=Clover+Bracelet\" alt=\"Clover Bracelet\"><\/p>\n<p>  <!-- PRODUCT INFO --><\/p>\n<h1 class=\"title\">Lucky Four-Leaf Clover Bracelet<\/h1>\n<p class=\"subtitle\">18K Gold Plated &middot; 5 Motifs &middot; 6 Colors<\/p>\n<div class=\"price-row\">\n    <span class=\"price\">35 AED<\/span><br \/>\n    <span class=\"old-price\">70 AED<\/span>\n  <\/div>\n<p>  <span class=\"badge\">50% OFF<\/span><\/p>\n<p>  <!-- SHIPPING BOX --><\/p>\n<div class=\"shipping-box\">\n<p class=\"shipping-text\"><strong>Shipping:<\/strong> 20 AED<\/p>\n<div class=\"shipping-bar\">\n<div class=\"shipping-fill\"><\/div>\n<\/div>\n<p class=\"shipping-note\">35 AED spent &middot; 65 AED until free delivery (100 AED)<\/p>\n<\/p><\/div>\n<p>  <!-- COLOR SELECTOR --><\/p>\n<p class=\"colors-label\">Choose your color:<\/p>\n<div class=\"colors\">\n<div class=\"color-btn color-red active\" onclick=\"changeColor('red')\" title=\"Red\"><\/div>\n<div class=\"color-btn color-white\" onclick=\"changeColor('white')\" title=\"White\"><\/div>\n<div class=\"color-btn color-black\" onclick=\"changeColor('black')\" title=\"Black\"><\/div>\n<div class=\"color-btn color-green\" onclick=\"changeColor('green')\" title=\"Green\"><\/div>\n<div class=\"color-btn color-blue\" onclick=\"changeColor('blue')\" title=\"Blue\"><\/div>\n<div class=\"color-btn color-pink\" onclick=\"changeColor('pink')\" title=\"Pink\"><\/div>\n<\/p><\/div>\n<p>  <!-- GALLERY --><\/p>\n<div class=\"gallery\">\n    <img decoding=\"async\" class=\"active\" src=\"https:\/\/via.placeholder.com\/150x150\/f5f0e8\/c41e3a?text=Red\" alt=\"Red\" onclick=\"setMain(this)\"><br \/>\n    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/150x150\/f5f0e8\/1a1a1a?text=Black\" alt=\"Black\" onclick=\"setMain(this)\"><br \/>\n    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/150x150\/f5f0e8\/1e5aa8?text=Blue\" alt=\"Blue\" onclick=\"setMain(this)\"><br \/>\n    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/150x150\/f5f0e8\/0d8a6f?text=Green\" alt=\"Green\" onclick=\"setMain(this)\"><br \/>\n    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/150x150\/f5f0e8\/f28c9a?text=Pink\" alt=\"Pink\" onclick=\"setMain(this)\"><br \/>\n    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/150x150\/f5f0e8\/f5f0e8?text=White\" alt=\"White\" onclick=\"setMain(this)\">\n  <\/div>\n<p>  <!-- CTA --><br \/>\n  <button class=\"cta\" onclick=\"addToCart()\">Add to Cart<\/button><\/p>\n<p>  <!-- TRUST --><\/p>\n<div class=\"trust\">\n    <span>\u2713 Free delivery from 100 AED<\/span><br \/>\n    <span>\u2713 Easy returns<\/span><br \/>\n    <span>\u2713 Secure checkout<\/span>\n  <\/div>\n<p>  <!-- UPSELL --><\/p>\n<div class=\"upsell\">\n<p class=\"upsell-title\">\ud83d\udca1 Smart tip<\/p>\n<p class=\"upsell-text\">Add <strong>2 more<\/strong> for free delivery \u2014 save 20 AED! <br \/>3 bracelets = 105 AED (free shipping)<\/p>\n<\/p><\/div>\n<p>  <!-- DETAILS --><\/p>\n<div class=\"details\">\n<h3>Product details<\/h3>\n<div class=\"specs\">\n<div class=\"spec\"><span class=\"spec-label\">Material<\/span><span class=\"spec-value\">18K Gold Plated<\/span><\/div>\n<div class=\"spec\"><span class=\"spec-label\">Base metal<\/span><span class=\"spec-value\">Stainless Steel<\/span><\/div>\n<div class=\"spec\"><span class=\"spec-label\">Length<\/span><span class=\"spec-value\">18 cm + 3 cm<\/span><\/div>\n<div class=\"spec\"><span class=\"spec-label\">Motif size<\/span><span class=\"spec-value\">15 mm<\/span><\/div>\n<div class=\"spec\"><span class=\"spec-label\">Clasp<\/span><span class=\"spec-value\">Lobster<\/span><\/div>\n<div class=\"spec\"><span class=\"spec-label\">Finish<\/span><span class=\"spec-value\">High Polish<\/span><\/div>\n<\/p><\/div>\n<p class=\"desc\">\n      A timeless symbol of luck and elegance. Each bracelet features five meticulously crafted four-leaf clover motifs with delicate gold-beaded borders. Available in six stunning enamel colors to match every mood and outfit. Water-resistant, tarnish-free, and hypoallergenic \u2014 perfect for everyday wear or gifting.\n    <\/p>\n<\/p><\/div>\n<p>  <!-- REVIEWS --><\/p>\n<div class=\"reviews\">\n<div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<p class=\"review-count\">4.9 out of 5 &middot; 127 reviews<\/p>\n<\/p><\/div>\n<div class=\"footer\">\n    &copy; 2026 Your Store Name. All rights reserved.\n  <\/div>\n<\/div>\n<p><script>\n\/\/ Color image mapping - REPLACE THESE URLs with your actual product images\nconst colorImages = {\n  red:    'https:\/\/via.placeholder.com\/480x480\/f5f0e8\/c41e3a?text=Red+Bracelet',\n  white:  'https:\/\/via.placeholder.com\/480x480\/f5f0e8\/f5f0e8?text=White+Bracelet',\n  black:  'https:\/\/via.placeholder.com\/480x480\/f5f0e8\/1a1a1a?text=Black+Bracelet',\n  green:  'https:\/\/via.placeholder.com\/480x480\/f5f0e8\/0d8a6f?text=Green+Bracelet',\n  blue:   'https:\/\/via.placeholder.com\/480x480\/f5f0e8\/1e5aa8?text=Blue+Bracelet',\n  pink:   'https:\/\/via.placeholder.com\/480x480\/f5f0e8\/f28c9a?text=Pink+Bracelet'\n};<\/p>\n<p>function changeColor(color) {\n  \/\/ Update main image\n  document.getElementById('mainImg').src = colorImages[color];<\/p>\n<p>  \/\/ Update active state on color buttons\n  document.querySelectorAll('.color-btn').forEach(btn => btn.classList.remove('active'));\n  document.querySelector('.color-btn.color-' + color).classList.add('active');\n}<\/p>\n<p>function setMain(img) {\n  document.getElementById('mainImg').src = img.src;\n  document.querySelectorAll('.gallery img').forEach(g => g.classList.remove('active'));\n  img.classList.add('active');\n}<\/p>\n<p>function addToCart() {\n  alert('Added to cart! \ud83d\uded2\\n\\nBracelet: 35 AED\\nShipping: 20 AED\\nTotal: 55 AED\\n\\nAdd 2 more for free delivery!');\n}\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Clover Bracelet &#8211; 18K Gold Plated | Shop Now Lucky Four-Leaf Clover Bracelet 18K Gold Plated &middot; 5 Motifs &middot;&hellip;<\/p>","protected":false},"featured_media":297,"comment_status":"open","ping_status":"closed","template":"","meta":{"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"_joinchat":[]},"product_brand":[],"product_cat":[28],"product_tag":[],"class_list":["post-60","product","type-product","status-publish","has-post-thumbnail","product_cat-bracelets","first","instock","sale","shipping-taxable","purchasable","product-type-simple"],"_links":{"self":[{"href":"https:\/\/djouristore.net\/ar\/wp-json\/wp\/v2\/product\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/djouristore.net\/ar\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/djouristore.net\/ar\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/djouristore.net\/ar\/wp-json\/wp\/v2\/comments?post=60"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/djouristore.net\/ar\/wp-json\/wp\/v2\/media\/297"}],"wp:attachment":[{"href":"https:\/\/djouristore.net\/ar\/wp-json\/wp\/v2\/media?parent=60"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/djouristore.net\/ar\/wp-json\/wp\/v2\/product_brand?post=60"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/djouristore.net\/ar\/wp-json\/wp\/v2\/product_cat?post=60"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/djouristore.net\/ar\/wp-json\/wp\/v2\/product_tag?post=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}