Untitled
unknown
plain_text
2 years ago
4.4 kB
4
Indexable
<style> .shop-the-look-pdp { flex-direction: column; padding-top: 0.875rem; } .shop-the-look-products{ flex-direction: column; } .shop-the-look-flex { display: flex!important; } .shop-the-look-products *{ text-decoration: none; } .shop-the-look-pdp .shop-the-look-products .get-the-look-product { align-items: center; grid-gap: 1.25rem; gap: 1.25rem; padding: 0.9375rem 0; border-bottom: 1px solid #f1f1f1; } .shop-the-look-pdp .shop-the-look-pdp-title { font-weight: 700; border-top: 1px solid #f1f1f1; padding-top: 1rem; margin-bottom: 0; } .shop-the-look-pdp .shop-the-look-products .get-the-look-product img { max-width: 100px; height: auto; } .shop-the-look-pdp .shop-the-look-products .get-the-look-product .get-the-look-product-info { flex-direction: column; flex: 1 1; grid-gap: 0.5rem; gap: 0.5rem; } .shop-the-look-pdp .shop-the-look-products .get-the-look-product .get-the-look-product-info__price { color: #000; } .shop-the-look-pdp .shop-the-look-products .get-the-look-product svg { max-width: 1.25rem; margin: 0 1.25rem 0 0; overflow: visible; } .shop-the-look-pdp .shop-the-look-products .get-the-look-product .get-the-look-product-info__title { color: #000; font-weight: 600; text-decoration: none; line-height: 1.4; } </style> <div class="shop-the-look-pdp shop-the-look-flex"><p class="shop-the-look-pdp-title">Shop the Look</p><div class="shop-the-look-products shop-the-look-flex"><a class="get-the-look-product shop-the-look-flex" href="/products/w4531r-faux-leather-power-hour-jacket-wild-berry" data-product-link="https://www.aloyoga.com/products/w4531r-faux-leather-power-hour-jacket-wild-berry"><img src="https://cdn.shopify.com/s/files/1/2185/2813/files/W4531R_05132_b2_s1_a1_m169.jpg?v=1701972334" alt="Faux Leather Power Hour Jacket - Wild Berry"><div class="get-the-look-product-info shop-the-look-flex"><div class="get-the-look-product-info__title small-p">Faux Leather Power Hour Jacket - Wild Berry</div><div class="get-the-look-product-info__price small-p"><span class=""> $178</span></div></div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><title>Artboard-34</title><g id="Right-2" data-name="Right"><polygon points="17.5 5.999 16.793 6.706 22.086 11.999 1 11.999 1 12.999 22.086 12.999 16.792 18.294 17.499 19.001 24 12.499 17.5 5.999" fill="currentColor"></polygon></g></svg></a><a class="get-the-look-product shop-the-look-flex" href="/products/w3784r-mesh-plaid-cropped-long-sleeve-top-wild-berry" data-product-link="https://www.aloyoga.com/products/w3784r-mesh-plaid-cropped-long-sleeve-top-wild-berry"><img src="https://cdn.shopify.com/s/files/1/2185/2813/files/W3784R_05132_b1_s1_a1_1_m54.jpg?v=1701472066" alt="Mesh Plaid Cropped Long Sleeve Top - Wild Berry"><div class="get-the-look-product-info shop-the-look-flex"><div class="get-the-look-product-info__title small-p">Mesh Plaid Cropped Long Sleeve Top - Wild Berry</div><div class="get-the-look-product-info__price small-p"><span class=""> $78</span></div></div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><title>Artboard-34</title><g id="Right-2" data-name="Right"><polygon points="17.5 5.999 16.793 6.706 22.086 11.999 1 11.999 1 12.999 22.086 12.999 16.792 18.294 17.499 19.001 24 12.499 17.5 5.999" fill="currentColor"></polygon></g></svg></a><a class="get-the-look-product shop-the-look-flex" href="/products/a0685u-alo-x-01-classic-natural-white-gum" data-product-link="https://www.aloyoga.com/products/a0685u-alo-x-01-classic-natural-white-gum"><img src="https://cdn.shopify.com/s/files/1/2185/2813/files/A0685U_052730_b1_a1_4055f9cf-a0ed-4e7f-a6d3-7852df5e7491.jpg?v=1700611258" alt="Alo x 01 Classic - Natural White/Gum"><div class="get-the-look-product-info shop-the-look-flex"><div class="get-the-look-product-info__title small-p">Alo x 01 Classic - Natural White/Gum</div><div class="get-the-look-product-info__price small-p"><span class=""> $185</span></div></div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><title>Artboard-34</title><g id="Right-2" data-name="Right"><polygon points="17.5 5.999 16.793 6.706 22.086 11.999 1 11.999 1 12.999 22.086 12.999 16.792 18.294 17.499 19.001 24 12.499 17.5 5.999" fill="currentColor"></polygon></g></svg></a></div></div>
Editor is loading...
Leave a Comment