templates/layout_shop.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <link rel="manifest" href="{{ asset('assets/manifest.json') }}">
  6.     <link rel="icon" href="{{ asset('assets/images/logo/favicon_io (2)/favicon.ico') }}" type="image/x-icon">
  7.     <!-- Ako želite podržati i mobilne uređaje -->
  8.     <link rel="apple-touch-icon" href="{{ asset('assets/images/logo/favicon_io (2)/apple-touch-icon.png') }}">
  9.     <title>{% block title %}{% endblock title %}</title>
  10.     {% block metatags %}
  11.         {#        <meta name="google-site-verification" content="" />#}
  12.         <meta name="theme-color" content="#F45C2C">
  13.         <meta name="apple-mobile-web-app-capable" content="yes">
  14.         <meta name="apple-mobile-web-app-status-bar-style" content="black">
  15.         <meta name="apple-mobile-web-app-title" content="pcboomboom">
  16.         <link rel="icon" href="{{ asset('assets/images/logo/favicon_io (2)/favicon.ico') }}" type="image/x-icon">
  17.         <!-- Ako želite podržati i mobilne uređaje -->
  18.         <link rel="apple-touch-icon" href="{{ asset('assets/images/logo/favicon_io (2)/apple-touch-icon.png') }}">
  19.         <meta name="msapplication-TileColor" content="#FFFFFF">
  20.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  21.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  22.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  23.     {% endblock metatags %}
  24.     {% block customstylesheet %}
  25.         <!-- google font -->
  26.         <link rel="preconnect" href="https://fonts.gstatic.com">
  27.         <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap" rel="stylesheet">
  28.         <!-- bootstrap css -->
  29.         <link id="rtl-link" rel="stylesheet" type="text/css" href="{{ asset('assets/shop/assets/css/vendors/bootstrap.css') }}">
  30.         <!-- font-awesome css -->
  31.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/shop/assets/css/vendors/font-awesome.css') }}">
  32.         <!-- feather icon css -->
  33.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/shop/assets/css/vendors/feather-icon.css') }}">
  34.         <link rel="stylesheet" href="{{ asset('assets/shop/assets/css/vendors/ion.rangeSlider.min.css') }}" />
  35.         <!-- animation css -->
  36.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/shop/assets/css/vendors/animate.css') }}">
  37.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/shop/assets/css/magnific-popup.css') }}">
  38.         <!-- slick css -->
  39.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/shop/assets/css/vendors/slick/slick.css') }}">
  40.         <link rel="stylesheet" type="text/css" href="{{ asset('assets/shop/assets/css/vendors/slick/slick-theme.css') }}">
  41.         <!-- Theme css -->
  42.         <link id="color-link" rel="stylesheet" type="text/css" href="{{ asset('assets/shop/assets/css/demo2.css') }}">
  43.         <link id="color-link" rel="stylesheet" type="text/css" href="{{ asset('assets/shop/assets/css/demo1.css') }}">
  44.     {% endblock customstylesheet %}
  46. </head>
  47. <body class="theme-color1 light ltr">
  48. {% block content %}
  49. {% endblock content %}
  51. {% block includejavascript %}
  52.     {#    <script src="//code.jivosite.com/widget/p526R4XdYd" async></script>#}
  54.     <!-- latest jquery-->
  55.     <script src="{{ asset('assets/shop/assets/js/jquery-3.5.1.min.js') }}"></script>
  57.     <!-- Bootstrap js-->
  58.     <script src="{{ asset('assets/shop/assets/js/bootstrap/bootstrap.bundle.min.js') }}"></script>
  59.     <!-- feather icon js-->
  60.     <script src="{{ asset('assets/shop/assets/js/feather/feather.min.js') }}"></script>
  61.     <!-- lazyload js-->
  62.     <script src="{{ asset('assets/shop/assets/js/lazysizes.min.js') }}"></script>
  63.     <!-- Add To Home js -->
  64.     <script src="{{ asset('pwa.js') }}"></script>
  65.     <!-- Slick js-->
  66.     <script src="{{ asset('assets/shop/assets/js/slick/slick.js') }}"></script>
  67.     <script src="{{ asset('assets/shop/assets/js/slick/slick-animation.min.js') }}"></script>
  68.     <script src="{{ asset('assets/shop/assets/js/slick/custom_slick.js') }}"></script>
  69.     <!-- Timer js -->
  70.     {#    <script src="{{ asset('assets/shop/assets/js/timer1.js') }}"></script>#}
  71.     <!-- newsletter js -->
  72.     <script src="{{ asset('assets/shop/assets/js/newsletter.js') }}"></script>
  73.     <!-- Notify js-->
  74.     <script src="{{ asset('assets/shop/assets/js/bootstrap/bootstrap-notify.min.js') }}"></script>
  75.     <!-- script js -->
  76.     {#    <script src="{{ asset('assets/shop/assets/js/theme-setting.js') }}"></script>#}
  77.     <script src="{{ asset('assets/shop/assets/js/script.js') }}"></script>
  78.     <script src="{{ asset('assets/shop/assets/js/home-script.js') }}"></script>
  79.     <script src="{{ asset('assets/shop/assets/js/filter.js') }}"></script>
  80.     <!-- sticky cart bottom js-->
  81.     {#    <script src="{{ asset('assets/shop/assets/js/sticky-cart-bottom.js') }}"></script>#}
  83.     <!-- sticky cart bottom js-->
  84.     {#    <script src="{{ asset('assets/shop/assets/js/check-box-select.js') }}"></script>#}
  86.     <!-- Zoom Js -->
  87.     <script src="{{ asset('assets/shop/assets/js/jquery.elevatezoom.js') }}"></script>
  88.     <script src="{{ asset('assets/shop/assets/js/zoom-filter.js') }}"></script>
  91.     <!--Plugin JavaScript file-->
  92.     <script src="{{ asset('assets/shop/assets/js/ion.rangeSlider.min.js') }}"></script>
  94.     <!-- Filter Hide and show Js -->
  95.     <script src="{{ asset('assets/shop/assets/js/filter.js') }}"></script>
  99.     <!-- add to cart modal resize -->
  100.     {#    <script src="{{ asset('assets/shop/assets/js/cart_modal_resize.js') }}"></script>#}
  101.     <script>
  102.         function myFunction() {
  103.             document.getElementById("search").submit();
  104.         }
  105.     </script>
  106.     <script>
  107.             $(document).ready(function() {
  108.                 function updateNavbarSearchbar() {
  109.                     // Provera da li <header> ima klasu 'nav-down' ili 'nav-up'
  110.                     if ($('header').hasClass('nav-down') || $('header').hasClass('nav-up')) {
  112.                         // Ukloni inline stil ako postoji
  113.                         $('.main-header.navbar-searchbar').removeAttr('style');
  114.                     } else {
  116.                         // Postavi inline stilove ako klase 'nav-down' ili 'nav-up' ne postoje
  117.                         $('.main-header.navbar-searchbar').css({
  118.                             'position': 'relative',
  119.                             // 'top': '-100px', // Zavisno od toga da li ti ovo treba ili ne
  120.                             'left': '0',
  121.                             'width': '100%',
  122.                             'margin-top': '0',
  123.                             'background-color': 'white', // Zamena za $white
  124.                             'box-shadow': '0px 4px 10px rgba(23, 32, 90, 0.15)',
  125.                             'transition': 'all 0.5s ease',
  126.                             'z-index': '6'
  127.                         });
  128.                     }
  129.                 }
  131.                 // Poziv funkcije prilikom učitavanja stranice
  132.                 updateNavbarSearchbar();
  134.                 // Ako se menja klasa na headeru, pozovi ponovo
  135.                 $(window).on('scroll', function() {
  136.                     updateNavbarSearchbar();
  137.                 });
  138.             });
  140.         </script>
  141.     <script>
  142.         document.addEventListener('DOMContentLoaded', function() {
  143.             // Select all <li> elements with class 'submenu-title'
  144.             var submenuTitles = document.querySelectorAll('li.submenu-title');
  146.             // Iterate over each <li> element
  147.             submenuTitles.forEach(function(submenuTitle) {
  148.                 // Find all <span> elements with class 'according-menu' within the current <li>
  149.                 var spans = submenuTitle.querySelectorAll('span.according-menu');
  151.                 // Remove each <span> element with class 'according-menu'
  152.                 spans.forEach(function(span) {
  153.                     span.remove();
  154.                 });
  155.             });
  156.         });
  158.     </script>
  159.     <script>(function(d, s, id) {
  160.             var js, fjs = d.getElementsByTagName(s)[0];
  161.             if (d.getElementById(id)) return;
  162.             js = d.createElement(s); js.id = id;
  163.             js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
  164.             fjs.parentNode.insertBefore(js, fjs);
  165.         }(document, 'script', 'facebook-jssdk'));</script>
  167. {% endblock includejavascript %}
  169. {% block footerjavascript %}
  171. {% endblock footerjavascript %}
  174. </body>
  176. </html>