templates/bundles/SyliusShopBundle/Product/Show/_variantSelection.html.twig line 1

Open in your IDE?
  2. {#<div class="name-feat-button {% if product.images.toArray()|length < 2 %}single-image{% endif %}">#}
  3. {#    {% if product.isConfigurable() and product.getVariantSelectionMethod() == 'match' and not product.enabledVariants.empty() %}#}
  4. {#        {% include '@SyliusShop/Product/Show/_variantsPricing.html.twig' with {'pricing': sylius_product_variant_prices(product, sylius.channel), 'variants': product.enabledVariants} %}#}
  5. {#    {% endif %}#}
  6. {#    <div class="place-and-name-product-show">#}
  7. {#        <div class="place-product-show">#}
  8. {#            <svg width="18" height="23" viewBox="0 0 18 23" fill="none" xmlns="http://www.w3.org/2000/svg">#}
  9. {#                <path d="M9 21C9 21 1 15 1 9C1 4 5 1 9 1C13 1 17 4 17 9C17 15 9 21 9 21ZM9 12C9.79565 12 10.5587 11.6839 11.1213 11.1213C11.6839 10.5587 12 9.79565 12 9C12 8.20435 11.6839 7.44129 11.1213 6.87868C10.5587 6.31607 9.79565 6 9 6C8.20435 6 7.44129 6.31607 6.87868 6.87868C6.31607 7.44129 6 8.20435 6 9C6 9.79565 6.31607 10.5587 6.87868 11.1213C7.44129 11.6839 8.20435 12 9 12Z" stroke="#858585" stroke-width="2"/>#}
  10. {#            </svg>#}
  11. {#            <span>{{ product.vendor.vendorAddress.city }}, {{ product.vendor.vendorAddress.country }}</span>#}
  12. {#        </div>#}
  13. {#        <span>|</span>#}
  14. {#        <div class="vendor-name-product-show">#}
  15. {#            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">#}
  16. {#                <path d="M10 17.2C7.5 17.2 5.29 15.92 4 14C4.03 12 8 10.9 10 10.9C12 10.9 15.97 12 16 14C15.3389 14.9844 14.4459 15.7912 13.3996 16.3492C12.3533 16.9072 11.1858 17.1994 10 17.2ZM10 3C10.7956 3 11.5587 3.31607 12.1213 3.87868C12.6839 4.44129 13 5.20435 13 6C13 6.79565 12.6839 7.55871 12.1213 8.12132C11.5587 8.68393 10.7956 9 10 9C9.20435 9 8.44129 8.68393 7.87868 8.12132C7.31607 7.55871 7 6.79565 7 6C7 5.20435 7.31607 4.44129 7.87868 3.87868C8.44129 3.31607 9.20435 3 10 3ZM10 0C8.68678 0 7.38642 0.258658 6.17317 0.761205C4.95991 1.26375 3.85752 2.00035 2.92893 2.92893C1.05357 4.8043 0 7.34784 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C3.85752 17.9997 4.95991 18.7362 6.17317 19.2388C7.38642 19.7413 8.68678 20 10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10C20 4.47 15.5 0 10 0Z" fill="#858585"/>#}
  17. {#            </svg>#}
  18. {#            <span>{{ product.vendor.shopUser.customer.firstName}} {{ product.vendor.shopUser.customer.lastName }}</span>#}
  19. {#        </div>#}
  20. {#    </div>#}
  21. {#    {% include '@SyliusShop/Product/Show/_inventory.html.twig' %}#}
  22. {#</div>#}
  25. <style>
  26.     /*.name-feat-button.single-image{*/
  27.     /*    flex-direction: column;*/
  28.     /*    width: fit-content;*/
  29.     /*    gap: 2rem;*/
  30.     /*    align-items: start;*/
  31.     /*    padding-top: 2rem;*/
  32.     /*}*/
  33.     /*.name-feat-button{*/
  34.     /*    display: flex;*/
  35.     /*    flex-direction: row;*/
  36.     /*    width: 100%;*/
  37.     /*    justify-content: space-between;*/
  38.     /*    align-items: center;*/
  39.     /*}*/
  40.     /*.place-and-name-product-show{*/
  41.     /*    display: flex;*/
  42.     /*    flex-direction: row;*/
  43.     /*    align-items: center;*/
  44.     /*    gap: 10px;*/
  45.     /*}*/
  46.     /*.vendor-name-product-show, .place-product-show{*/
  47.     /*    display: flex;*/
  48.     /*    flex-direction: row;*/
  49.     /*    align-items: center;*/
  50.     /*    gap: 5px;*/
  51.     /*    font-size: 1.5rem;*/
  52.     /*}*/
  53. </style>