templates/bundles/SyliusShopBundle/Product/Show/_header.html.twig line 26

Open in your IDE?
  1. <div class="header-product">
  2.     <div class="product-title">
  3.         <h1 id="sylius-product-name">{{ product.name }}</h1>
  4.     </div>
  5.     <div id="product-price">
  6.         {% if not product.enabledVariants.empty() %}
  7.             {% include '@SyliusShop/Product/Show/_price.html.twig' %}
  8.         {% endif %}
  9.     </div>
  10.     <div class="place-and-name-product-show">
  11.         <div class="place-product-show">
  12.             <svg width="18" height="23" viewBox="0 0 18 23" fill="none" xmlns="http://www.w3.org/2000/svg">
  13.                 <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"/>
  14.             </svg>
  15.             <span>{{ product.vendor.vendorAddress.city }}, {{ product.vendor.vendorAddress.country }}</span>
  16.         </div>
  17.         <span>|</span>
  18.         <div class="vendor-name-product-show">
  19.             <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  20.                 <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"/>
  21.             </svg>
  22.             <span>{{ product.vendor.shopUser.customer.firstName}} {{ product.vendor.shopUser.customer.lastName }}</span>
  23.         </div>
  24.     </div>
  25.     <div class="inventory-product-destock">
  26.         {% include '@SyliusShop/Product/Show/_inventory.html.twig' %}
  27.     </div>
  28. </div>
  31. <style>
  32.     .ui.stackable.grid{
  33.         display: flex;
  34.     }
  35.     /*#product-price{*/
  36.     /*    !*margin-left: auto;*!*/
  37.     /*    display: flex;*/
  38.     /*    align-items: center;*/
  39.     /*    justify-content: flex-end;*/
  40.     /*    margin: 0 !important*/
  41.     /*}*/
  42. </style>