templates/women/product/product_page.twig line 1

  1. {% extends 'women/base/base_women.twig' %}
  3. {% block head %}
  4.     {# {{ encore_entry_link_tags('app_product') }} #}
  5.     {% include 'women/product/styles.html.twig' %}
  6.     <style>
  7.     .image-swatch li img {
  8.         width: 60px;
  9.         height: 60px;
  10.         cursor: pointer;
  11.     }
  12.     .breadcrumb-item+.breadcrumb-item::before {
  13.         float: left;
  14.         padding-right: .5rem;
  15.         color: #6c757d;
  16.         content: "›";
  17.     }
  19.     .product-right .price-detail span {
  20.         font-size: 22px;
  21.         padding-left: 0px;
  22.     }
  24.     .product-shipping-info{
  25.         display: grid;
  26.         grid-gap: 30px;
  27.     }
  29.     .product-right .product-count {
  30.         padding: 15px 15px;
  31.         border: 1px solid #eee;
  32.         background-color: #ffff;
  33.     }
  35.     .p-btn-circle {
  36.         border-radius: 100px;
  37.     }
  39.     .product-page-details .dashed-border-box {
  40.             padding: 22px 28px;
  41.             border: 1px dashed #ddd;
  42.             margin-bottom: 25px;
  43.             display: -webkit-box;
  44.             display: -ms-flexbox;
  45.             display: flex;
  46.             -webkit-box-orient: vertical;
  47.             -webkit-box-direction: normal;
  48.             -ms-flex-direction: column;
  49.             flex-direction: column;
  50.             margin-top: 34px;
  51.     }
  52.     </style>
  53.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  54.     <link rel="stylesheet" type="text/css" href="{{ asset('assets/slick/slick.css') }}">
  55.     <link rel="stylesheet" type="text/css" href="{{ asset('assets/slick/slick-theme.css') }}">
  57. {% endblock %}
  60. {% block breadcrumb %}
  61.     <div class="breadcrumb-section">
  62.         <div class="container">
  63.             <div class="row">
  64.                 <div class="col-sm-12">
  65.                     <nav aria-label="breadcrumb" class="theme-breadcrumb">
  66.                         <ol class="breadcrumb justify-content-lg-start">
  67.                             <li class="breadcrumb-item d-mobile-none"><a href="/">{{ 'Home' | trans({},'templates') }}</a></li>
  68.                             <li class="breadcrumb-item d-mobile-none"><a href="/">{{ product.name }}</a></li>
  69.                             <li class="breadcrumb-item active" aria-current="page">{{ variant.name }}</li>
  70.                         </ol>
  71.                     </nav>
  72.                 </div>
  73.             </div>
  74.         </div>
  75.     </div>
  76. {% endblock %}
  78. {% block main %}
  80.     {#  ****************** List Variables ******************  #}
  81.     <script>
  82.         let maxProductInStock //Add maximum product in stock
  83.     </script>
  85.     {#  ****************** List Variables ******************  #}
  86.         <!-- section start -->
  87.         <section>
  88.             <div class="collection-wrapper">
  89.                 <div class="container">
  90.                     <div class="row">
  91.                         <div class="col-lg-1 col-sm-2 col-xs-12">
  92.                             <div class="row">
  93.                                 <div class="col-12 p-0">
  94.                                     <div class="slider-right-nav">
  95.                                         {% if variant.images is defined %}
  96.                                             {% for image in variant.images %}
  97.                                                 <div>
  98.                                                     <img src="{{image}}" alt="{{ variant.name }}"
  99.                                                          class="img-fluid blur-up lazyload">
  100.                                                 </div>
  101.                                             {% endfor %}
  102.                                         {% endif %}
  103.                                     </div>
  104.                                 </div>
  105.                             </div>
  106.                         </div>
  107.                         <div class="col-lg-5 col-sm-10 col-xs-12 order-up">
  108.                             <div class="product-right-slick">
  110.                                 {% if variant.images is defined %}
  111.                                             {% for image in variant.images %}
  112.                                                 <div>
  113.                                                     <img src="{{image}}" alt="{{ variant.name }}"
  114.                                                          class="img-fluid blur-up lazyload image_zoom_cls-{{ loop.index }}">
  115.                                                 </div>
  116.                                             {% endfor %}
  117.                                 {% endif %}
  118.                             </div>
  119.                         </div>
  120.                         <div class="col-lg-6 rtl-text">
  121.                             <div class="product-right">
  122.                                 {# Product title #}
  123.                                 <h2 class="product-name">{{ variant.name }}</h2>
  124.                                 {# <div class="rating-section"> #}
  125.                                     {# <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
  126.                                                 class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
  127.                                     </div> #}
  128.                                     {# <h6>120 ratings</h6> #}
  129.                                 {# </div> #}
  130.                                 {# <div class="label-section">
  131.                                     <span class="badge badge-grey-color">#1 Best seller</span>
  132.                                     <span class="label-text"></span>
  133.                                 </div> #}
  134.                                 {# product price #}
  135.                                 <h3 class="price-detail text-stroke"><span class="product-price">{{ variant.getRetailPrice()}} EUR</span></h3>
  137.                                 <span class="text-uppercase">{{ 'Color' | trans({},'templates') }} : <strong id="colorSwatch">Red</strong></span>
  138.                                 <ul class="image-swatch mt-2">
  139.                                     {% for option in options %}
  140.                                         {% set foo = 'bar' %}
  141.                                         {# {% if option.productVariant.id == variant.id %} #}
  142.                                             <li 
  143.                                                 data-color="{{option.value}}"
  144.                                                 onmouseover="product.swatchColor('{{option.value}}')"
  145.                                                 {# onmouseenter="product.swatchImage('/uploads/tbint/{{ option.productVariant.apiId}}/{{ option.productVariant.mainImage}}')"  #}
  146.                                                 {% if option.productVariant.id == variant.id %}class="active"{%endif%}
  147.                                             >
  148.                                             <a href="{{ path('app_product_page',{'pid': product.id,'vid': option.productVariant.id,'gender': "women"}) }}"><img src="{{ option.productVariant.mainImage}}" alt="" class="img-fluid blur-up lazyload"></a>
  149.                                             </li>
  150.                                         {# {% endif %} #}
  151.                                     {% endfor %}
  152.                                 </ul>
  153.                                 <div id="selectSize" class="addeffect-section product-description border-product">
  154.                                     <h6 class="product-title size-text">{{ 'select size' | trans({},'templates') }} </h6>
  155.                                     <div class="modal fade" id="sizemodal" tabindex="-1" role="dialog"
  156.                                          aria-labelledby="exampleModalLabel" aria-hidden="true">
  157.                                         <div class="modal-dialog modal-dialog-centered" role="document">
  158.                                             <div class="modal-content">
  159.                                                 <div class="modal-header">
  160.                                                     <h5 class="modal-title" id="exampleModalLabel">Sheer
  161.                                                         Straight Kurta</h5>
  162.                                                     <button type="button" class="btn-close" data-bs-dismiss="modal"
  163.                                                             aria-label="Close"><span aria-hidden="true">&times;</span></button>
  164.                                                 </div>
  165.                                                 <div class="modal-body"><img src="../assets/images/size-chart.jpg" alt=""
  166.                                                                              class="img-fluid blur-up lazyload"></div>
  167.                                             </div>
  168.                                         </div>
  169.                                     </div>
  171.                                     <h6 class="size-select error-message">{{ 'please select size' | trans({},'templates') }}</h6>
  172.                                         <div class="size-box">
  173.                                             <ul>
  174.                                                 {% for size in sizeOptions %}
  175.                                                         <li onclick="product.selectCurrent('{{size.productVariant.id}}',this)">
  176.                                                             <div id="v-info" data-id="{{size.productVariant.id}}" data-name="{{size.productVariant.name}}" data-price="{{size.productVariant.price}}" data-image="{{size.productVariant.mainImage}}">
  177.                                                              </div>
  178.                                                         <a href="javascript:void(0)">{{ size.value }}</a>
  179.                                                         </li>
  180.                                                 {% endfor %}
  181.                                             </ul>
  182.                                         </div>
  184.                                 </div>
  185.                                 <div class="product-buttons">
  186.                                     {% if variant.quantity == 0 %}
  187.                                         <div  id="cartEffect" class="btn p-btn-circle hover-solid btn-animation product">
  188.                                             <h6 class="product-title text-danger">{{ 'SOLD OUT' | trans({},'templates') }}</h6>
  189.                                         </div>
  190.                                     {% else %}
  191.                                         <div onclick="product.addToCart()" id="cartEffect" class="btn p-btn-circle btn-solid hover-solid btn-animation product">
  192.                                             <i class="fa fa-shopping-cart me-1" aria-hidden="true"></i> {{ 'add to cart' | trans({},'templates') }}
  193.                                         </div>
  194.                                     {% endif %}
  195.                                         <a href="#" data-p-id="{{ variant.product.id }}" onclick="addToFavoris(this,'fa-2xl')" class="btn btn-solid p-btn-circle">
  196.                                                 {% if variant.product.id in app.session.get('wishlist') %}
  197.                                                     <i class='fa-solid fa-heart fa-2xl' style='color: #ff0000;'></i>
  198.                                                 {% else %}
  199.                                                     <i class='fa-regular fa-heart fa-2xl'></i>
  200.                                                 {% endif %}
  201.                                         </a>
  202.                                 </div>
  203.                                 <div class="product-count">
  204.                                     <ul class="product-shipping-info">
  205.                                         <li>
  206.                                             <i class="fa-solid fa-truck fa-2xl me-1"></i>
  207.                                             <span class="lang">{{ 'Free shipping on qualifying orders' | trans({},'templates') }}</span>
  208.                                         </li>
  209.                                         <li>
  210.                                             {# <img src="/assets/images/icon/truck.png" class="img-fluid" alt="image"> #}
  211.                                             <i class="fa-solid fa-box fa-2xl me-1"></i>
  212.                                             <span class="lang">{{ 'Free Returns' | trans({},'templates') }} </span>
  213.                                         </li>
  214.                                     </ul>
  215.                                 </div>
  216.                                 {# <div class="border-product">
  217.                                     <h6 class="product-title">Sales Ends In</h6>
  218.                                     <div class="timer">
  219.                                         <p id="demo"></p>
  220.                                     </div>
  221.                                 </div> #}
  222.                                 <div class="border-product">
  223.                                     <div class="row product-accordion">
  224.                                         <div class="col-sm-12">
  225.                                             <div class="accordion theme-accordion" id="accordionExample">
  226.                                                 {% if variant.description %}
  227.                                                     <div class="card">
  228.                                                         <div class="card-header" id="headingOne">
  229.                                                             <h5 class="mb-0"><button class="btn btn-link" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">{{ 'product description' | trans({},'templates') }}</button></h5>
  230.                                                         </div>
  231.                                                         <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample" style="">
  232.                                                             <div class="card-body">
  233.                                                                 <p><p>{{ variant.description|raw }}</p></p>
  234.                                                             </div>
  235.                                                         </div>
  236.                                                     </div>
  237.                                                 {% endif %}
  239.                                                 {% if variant.composition %}
  240.                                                 <div class="card">
  241.                                                     <div class="card-header" id="headingThree">
  242.                                                         <h5 class="mb-0"><button class="btn btn-link collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">{{ 'Material' | trans({},'templates')}}</button></h5>
  243.                                                     </div>
  244.                                                     <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample" style="">
  245.                                                         <div class="card-body">
  246.                                                             <p>{{ variant.composition | raw }}</p>
  247.                                                         </div>
  248.                                                     </div>
  249.                                                 </div>
  250.                                                 {% endif %}
  252.                                                 <div class="card">
  253.                                                     <div class="card-header" id="headingThree">
  254.                                                         <h5 class="mb-0"><button class="btn btn-link collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">{{ 'Size & Fit' | trans({},'templates') }}</button></h5>
  255.                                                     </div>
  256.                                                     <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample" style="">
  257.                                                         <div class="card-body">
  258.                                                             <h6 class="product-title size-text"><span><a href="" data-bs-toggle="modal"
  259.                                                                                              data-bs-target="#sizemodal">{{ 'sizechart' | trans({},'templates') }}</a></span></h6>
  260.                                                         </div>
  261.                                                     </div>
  262.                                                 </div>
  263.                                                  <div class="card">
  264.                                                     <div class="card-header" id="headingThree">
  265.                                                         <h5 class="mb-0"><button class="btn btn-link collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">{{ 'Care Guide' | trans({},'templates') }}</button></h5>
  266.                                                     </div>
  267.                                                     <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample" style="">
  268.                                                         <div class="card-body">
  269.                                                             <p>{{ 'Material' | trans({},'templates')}}</p>
  270.                                                         </div>
  271.                                                     </div>
  272.                                                 </div>
  273.                                             </div>
  274.                                         </div>
  275.                                         {# <div class="dashed-border-box mb-0">
  276.                                                     <h4 class="sub-title">Guaranteed Safe Checkout</h4>
  277.                                                     <img class="img-fluid payment-img" alt="" src="{{ asset("assets/images/payments.png") }}">
  278.                                         </div> #}
  279.                                     </div>
  280.                                 </div>
  281.                                 <div class="border-product">
  282.                                     <h6 class="product-title">{{ 'share it' | trans({},'templates') }}</h6>
  283.                                     <div class="product-icon">
  284.                                         <ul class="product-social">
  285.                                             <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
  286.                                             <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
  287.                                             <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  288.                                             <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  289.                                             <li><a href="#"><i class="fa fa-rss"></i></a></li>
  290.                                         </ul>
  291.                                     </div>
  292.                                 </div>
  293.                             </div>
  294.                         </div>
  295.                     </div>
  296.                 </div>
  297.             </div>
  298.         </section>
  299.         <!-- Section ends -->
  301.         <div id="info" data-apiId={{ variant.apiId }} data-id="{{variant.id}}" data-name="{{variant.name}}" data-price="{{variant.price}}" data-image="{{variant.mainImage}}">
  302.         </div>
  304.         <!-- product section start -->
  305.         {% if relatedProducts %}
  306.         <section class="section-b-space ratio_asos">
  307.             <div class="container">
  308.                 <div class="row">
  309.                     <div class="col-12 product-related">
  310.                         <h2>{{ 'You might also like' | trans({},'templates') }}</h2>
  311.                     </div>
  312.                 </div>
  313.                 <div class="row autoplay search-product">
  314.                 {% for relatedProduct in relatedProducts %}
  315.                         
  316.                     <div class="col-xl-3 col-md-4 col-6">
  317.                         <div class="product-box p-1">
  318.                             <div class="img-wrapper">
  319.                                 <div class="front">
  320.                                     <a href="{{ path("app_product_page",{pid: relatedProduct.id, vid:relatedProduct.firstVariantId(),gender: "women"}) }}"><img src="{{ relatedProduct.mainImage }}"
  321.                                                      class="img-fluid blur-up lazyload bg-img" alt=""></a>
  322.                                 </div>
  323.                                 <div class="back">
  324.                                     <a href="{{ path("app_product_page",{pid: relatedProduct.id, vid:relatedProduct.firstVariantId,'gender': "women"}) }}"><img src="{{ relatedProduct.getSecondImage()}}"
  325.                                                      class="img-fluid blur-up lazyload bg-img" alt=""></a>
  326.                                 </div>
  327.                                 <div class="cart-info cart-wrap">
  328.                                     <button onclick="product.addRelatedToCart(this)"
  329.                                             data-id="{{relatedProduct.firstVariantId()}}"
  330.                                             data-price="{{relatedProduct.firstVariantPrice()}}"
  331.                                             data-name="{{relatedProduct.name}}"
  332.                                             data-image="{{relatedProduct.mainImage}}"
  333.                                             data-bs-toggle="modal" data-bs-target="#addtocart"
  334.                                             title="Add to cart"
  335.                                     >
  336.                                     </button>
  337.                                      <a href="javascript:void(0)" data-p-id="{{ relatedProduct.id }}" onclick="addToFavoris(this)" title="{{ 'Add to Wishlist' | trans({},'templates') }}"><i class="ti-heart" aria-hidden="true"></i></a>
  338.                                 </div>
  339.                             </div>
  340.                             <div class="product-detail">
  341.                                 {# <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
  342.                                             class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
  343.                                 </div> #}
  344.                                 <a href="{{ path("app_product_page",{pid: relatedProduct.id, vid:relatedProduct.firstVariantId(),'gender': "women"}) }}">
  345.                                     <h6>{{ relatedProduct.name }}</h6>
  346.                                 </a>
  347.                                 <h4>{{ relatedProduct.firstVariantPrice() }} EUR</h4>
  348.                                 {# <ul class="color-variant">
  349.                                     <li class="bg-light0"></li>
  350.                                     <li class="bg-light1"></li>
  351.                                     <li class="bg-light2"></li>
  352.                                 </ul> #}
  353.                             </div>
  354.                         </div>
  355.                     </div>
  356.                 {% endfor %}
  357.                     </div>
  358.                 </div>
  359.             </div>
  360.         </section>
  361.         {% endif %}
  362.         <!-- product section end -->
  366.         <!-- Add to cart modal popup start-->
  367.         <div class="modal fade bd-example-modal-lg theme-modal cart-modal" id="addtocart" tabindex="-1" role="dialog"
  368.              aria-hidden="true">
  369.             <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  370.                 <div class="modal-content">
  371.                     <div class="modal-body modal1">
  372.                         <div class="container-fluid p-0">
  373.                             <div class="row">
  374.                                 <div class="col-12">
  375.                                     <div class="modal-bg addtocart">
  376.                                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
  377.                                             <span aria-hidden="true">&times;</span>
  378.                                         </button>
  379.                                         <div class="media">
  380.                                             <a href="#">
  381.                                                 <img class="img-fluid blur-up lazyload pro-img"
  382.                                                      src="../assets/images/fashion/product/43.jpg" alt="">
  383.                                             </a>
  384.                                             <div class="media-body align-self-center text-center">
  385.                                                 <a href="#">
  386.                                                     <h6>
  387.                                                         <i class="fa fa-check"></i>Item
  388.                                                         <span>men full sleeves</span>
  389.                                                         <span> successfully added to your Cart</span>
  390.                                                     </h6>
  391.                                                 </a>
  392.                                                 <div class="buttons">
  393.                                                     <a href="#" class="view-cart btn btn-solid">Your cart</a>
  394.                                                     <a href="#" class="checkout btn btn-solid">Check out</a>
  395.                                                     <a href="#" class="continue btn btn-solid">Continue shopping</a>
  396.                                                 </div>
  398.                                                 <div class="upsell_payment">
  399.                                                     <img src="../assets/images/payment_cart.png"
  400.                                                          class="img-fluid blur-up lazyload" alt="">
  401.                                                 </div>
  402.                                             </div>
  403.                                         </div>
  404.                                         <div class="product-section">
  405.                                             <div class="col-12 product-upsell text-center">
  406.                                                 <h4>Customers who bought this item also.</h4>
  407.                                             </div>
  408.                                             <div class="row" id="upsell_product">
  409.                                                 <div class="product-box col-sm-3 col-6">
  410.                                                     <div class="img-wrapper">
  411.                                                         <div class="front">
  412.                                                             <a href="#">
  413.                                                                 <img src="../assets/images/fashion/product/1.jpg"
  414.                                                                      class="img-fluid blur-up lazyload mb-1"
  415.                                                                      alt="cotton top">
  416.                                                             </a>
  417.                                                         </div>
  418.                                                         <div class="product-detail">
  419.                                                             <h6><a href="#"><span>cotton top</span></a></h6>
  420.                                                             <h4><span>$25</span></h4>
  421.                                                         </div>
  422.                                                     </div>
  423.                                                 </div>
  424.                                                 <div class="product-box col-sm-3 col-6">
  425.                                                     <div class="img-wrapper">
  426.                                                         <div class="front">
  427.                                                             <a href="#">
  428.                                                                 <img src="../assets/images/fashion/product/34.jpg"
  429.                                                                      class="img-fluid blur-up lazyload mb-1"
  430.                                                                      alt="cotton top">
  431.                                                             </a>
  432.                                                         </div>
  433.                                                         <div class="product-detail">
  434.                                                             <h6><a href="#"><span>cotton top</span></a></h6>
  435.                                                             <h4><span>$25</span></h4>
  436.                                                         </div>
  437.                                                     </div>
  438.                                                 </div>
  439.                                                 <div class="product-box col-sm-3 col-6">
  440.                                                     <div class="img-wrapper">
  441.                                                         <div class="front">
  442.                                                             <a href="#">
  443.                                                                 <img src="../assets/images/fashion/product/13.jpg"
  444.                                                                      class="img-fluid blur-up lazyload mb-1"
  445.                                                                      alt="cotton top">
  446.                                                             </a>
  447.                                                         </div>
  448.                                                         <div class="product-detail">
  449.                                                             <h6><a href="#"><span>cotton top</span></a></h6>
  450.                                                             <h4><span>$25</span></h4>
  451.                                                         </div>
  452.                                                     </div>
  453.                                                 </div>
  454.                                                 <div class="product-box col-sm-3 col-6">
  455.                                                     <div class="img-wrapper">
  456.                                                         <div class="front">
  457.                                                             <a href="#">
  458.                                                                 <img src="../assets/images/fashion/product/19.jpg"
  459.                                                                      class="img-fluid blur-up lazyload mb-1"
  460.                                                                      alt="cotton top">
  461.                                                             </a>
  462.                                                         </div>
  463.                                                         <div class="product-detail">
  464.                                                             <h6><a href="#"><span>cotton top</span></a></h6>
  465.                                                             <h4><span>$25</span></h4>
  466.                                                         </div>
  467.                                                     </div>
  468.                                                 </div>
  469.                                             </div>
  470.                                         </div>
  471.                                     </div>
  472.                                 </div>
  473.                             </div>
  474.                         </div>
  475.                     </div>
  476.                 </div>
  477.             </div>
  478.         </div>
  479.         <!-- Add to cart modal popup end-->
  482.         {# <!-- added to cart notification -->
  483.         <div class="added-notification">
  484.             <img src="{{ variant.mainImage }}" class="img-fluid main-image" alt="{{ variant.name }}">
  485.             <h3>added to cart</h3>
  486.         </div>
  487.         <!-- added to cart notification --> #}
  490.         <!-- tap to top start -->
  491.         <div class="tap-top">
  492.             <div><i class="fa fa-angle-double-up"></i></div>
  493.         </div>
  494.         <!-- tap to top end -->
  498. {% endblock %}
  500.  {% block newsletter %}
  501.                 {% include 'front_end/base/newsletter.twig' %}
  502. {% endblock %}
  504. {% block js %}
  505.         <script src="{{ asset('assets/js/product.js') }}"></script>
  506.         {% include 'mens/product/scripts.html.twig' %}
  507.         <script type="text/javascript" src="{{ asset('slick/slick.min.js') }}"></script>
  508.         <script type="text/javascript">
  509.                 $('.autoplay').slick({
  510.                         slidesToShow: 4,
  511.                         slidesToScroll: 1,
  512.                         autoplay: true,
  513.                         autoplaySpeed: 2000,
  514.                 });
  515.         </script>
  516.         <script src="{{ asset('assets/js/modules.js') }}"></script>
  517. {% endblock %}