Untitled

 avatar
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