themes/XChildTheme/templates/bundles/SyliusShopBundle/layout.html.twig line 63

Open in your IDE?
  1. <!DOCTYPE html>
  3. <html lang="{{ app.request.locale|slice(0, 2) }}">
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <title>{% block title %}{{ sylius.channel.name }}{% endblock %}</title>
  10. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  11. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
  12. integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
  14. {# <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> #}
  15. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
  16. {# <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">#}
  17. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
  18. {% block metatags %}
  19. {% endblock %}
  21. {% block stylesheets %}
  22. {{ sylius_template_event('sylius.shop.layout.stylesheets') }}
  23. {% endblock %}
  25. {{ sylius_template_event('sylius.shop.layout.head') }}
  26. </head>
  28. <body class="">
  32. {{ sylius_template_event('sylius.shop.layout.before_body') }}
  34. {# {% block top %}
  36. {{ sonata_block_render_event('sylius.shop.layout.before_currency_switcher') }}
  38. {{ render(controller('sylius.controller.shop.currency_switch:renderAction')) }}
  39. {{ render(controller('sylius.controller.shop.locale_switch:renderAction')) }}
  41. {{ sonata_block_render_event('sylius.shop.layout.before_security_widget') }}
  43. {{ render(controller('sylius.controller.shop.security_widget:renderAction')) }}
  45. {{ sonata_block_render_event('sylius.shop.layout.after_security_widget') }}
  47. {% endblock %} #}
  48. {% block header %}
  49. {% include '@SyliusShop/_header.html.twig' %}
  50. {% endblock %}
  52. {% include '@SyliusShop/_flashes.html.twig' %}
  56. {{ sylius_template_event('sylius.shop.layout.before_content') }}
  57. <main class="tet" >
  58. <div class="one">
  59. {% block content %}
  60. {% endblock %}
  61. </div>
  62. <div class="two">
  63. {{ render(url('sylius_shop_partial_cart_summary', {'template': '@SyliusShop/Cart/_widgetCol.html.twig'})) }}
  64. </div>
  68. </main>
  70. {{ sylius_template_event('sylius.shop.layout.after_content') }}
  72. {% block footer %}
  73. {% include '@SyliusShop/_footer.html.twig' %}
  74. {% endblock %}
  77. {% block javascripts %}
  78. {{ sylius_template_event('sylius.shop.layout.javascripts') }}
  79. {% endblock %}
  81. {{ sylius_template_event('sylius.shop.layout.after_body') }}
  84. <div class="loading-overlay" data-js-loading-overlay>
  85. <div class="spinner-border" role="status">
  86. <span class="sr-only">Loading...</span>
  87. </div>
  88. </div>
  90. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  91. <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  93. <!-- Initialize Swiper -->
  95. {# slidesPerView: 8,
  96. spaceBetween: 30, #}
  97. <script>
  98. var mySwiper = new Swiper(".category-slider", {
  100. slidesPerView: 2,
  101. spaceBetween: 10,
  102. pagination: {
  103. el: ".swiper-pagination",
  104. clickable: true,
  105. },
  106. breakpoints: {
  107. 640: {
  108. slidesPerView: 2,
  109. spaceBetween: 10,
  110. },
  111. 768: {
  112. slidesPerView: 4,
  113. spaceBetween: 30,
  114. },
  115. 1024: {
  116. slidesPerView: 8,
  117. spaceBetween: 30,
  118. },
  119. },
  120. });
  121. const cartButton = document.getElementById("sylius-cart-button").addEventListener("click", () => {
  122. console.log("click it ");
  123. document.querySelector(".cart-pop").classList.toggle("d-none");
  124. })
  125. </script>
  129. </body>
  130. </html>