Social Proof for Liquid Section in Product Pages

shopify-social-proof-for-liquid-section-in-pdp.html

<style>
    .socialProof {
        display: flex;
        align-items: center;
        text-align: left;
        gap: 10px;
        padding: 10px;
        background-color: #fff;
        justify-content: left;
        border-radius: 5px;
    }

    .socialProof__icons {
        display: flex;
        flex-shrink: 0;
    }

    .socialProof__icons img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #faf4f5;
        padding: 1px;
    }

    .socialProof__icons img:nth-child(2),
    .socialProof__icons img:nth-child(3) {
        margin-left: -5px;
    }

    .socialProof__text {
        color: #000000;
        font-size: 12px;
    }
</style>

<div class="socialProof">
    <div class="socialProof__icons">
        <img src="https://cdn.shopify.com/s/files/1/0780/9469/6747/files/susse_parfums_fur_damen.jpg?v=1742307793" 
             alt="Süße Parfums für Damen" 
             width="30" height="30">
        <img src="https://cdn.shopify.com/s/files/1/0780/9469/6747/files/testimonijal-03.jpg?v=1692362058" 
             alt="Testimonial 03" 
             width="30" height="30">
        <img src="https://cdn.shopify.com/s/files/1/0780/9469/6747/files/Herbst_Parfums_fur_Damen.jpg?v=1742308245" 
             alt="Herbst Parfums für Damen" 
             width="30" height="30">
    </div>
    <div class="socialProof__text">
        <strong>Christa</strong>, <strong>Simon</strong> und <strong>über 10.000 andere Kunden</strong> lieben unsere Düfte.
    </div>
</div>