custom/plugins/ShopWithMeUI/src/Resources/views/storefront/layout/footer/footer-mobile.html.twig line 1

Open in your IDE?
  1. {% block layout_footer_inner_container %}
  2.     {% set footerMode = app.request.get('_route') == 'frontend.ai.stream' ? 'dark' : 'light' %}
  4.     {% set redirectUrl = app.request.get('_route') %}
  5.     {% set redirectParams = app.request.attributes.get('_route_params') %}
  6.     {% set redirectParameters = redirectParams|json_encode %}
  8.     <footer id="swm-footer-mobile" class="width-full d-flex flex-col footer-minimal footer-{{ footerMode ?: 'light' }}-mode"
  9.             style="position: fixed; bottom: 0; z-index: 900">
  10.         <div class="checkout_page_summary_navigation width-full flex-col">
  11.             {#            {% if app.request.get('_route') == 'frontend.checkout.cart.page' %} #}
  12.             {#            <div class="d-flex justify-between nav_top"> #}
  13.             {#            <div class="d-flex gap-8px items-center"> #}
  14.             {#                <input    type="checkbox"    class="login__features_checkbox"> #}
  15.             {#                    <span    class="swm_checkout_payment_txt cp_txt_smaller cp_txt_black_extra"> #}
  16.             {#                        {{ 'app.all'|trans }} #}
  17.             {#                    </span> #}
  18.             {#                </div> #}
  19.             {#                <div    class="d-flex items-center"    style="gap: 16px"> #}
  20.             {#                    <div    class="d-flex flex-col"    style="gap:5px"> #}
  21.             {#                        <div    class="d-flex items-center"> #}
  22.             {#                            <span    class="swm_checkout_payment_txt cp_txt_smaller"> #}
  23.             {#                                {{ 'app.checkoutPage.subTotal'|trans }} #}
  24.             {#                                : #}
  25.             {#                                <span    class="swm_checkout_payment_txt cp_txt_smaller cp_txt_primary_700"> #}
  26.             {#                                    {{page.cart.price.positionPrice|currency}} #}
  27.             {#                                </span> #}
  28.             {#                            </span> #}
  29.             {#                            <img src="/bundles/shopwithmeui/assets/icons/ic_arrow_down_green.svg" /> #}
  30.             {#                        </div> #}
  31.             {#                        <span class="swm_checkout_payment_txt cp_txt_super_small cp_txt_thin cp_txt_primary_700"> #}
  32.             {#                            {{ 'app.checkoutPage.totalDiscount'|trans }} #}
  33.             {#                            : €0 #}
  34.             {#                        </span> #}
  35.             {#                    </div> #}
  36.             {#                    <a href="{{seoUrl('frontend.checkout.finish.order')}}" class="nav_top_btn items-center cursor-pointer d-flex items-center text-decoration-none"> #}
  37.             {#                        <span class="swm_checkout_payment_txt cp_txt_super_small cp_txt_thin cp_txt_white"> #}
  38.             {#                            {{ 'app.checkout'|trans }} #}
  39.             {#                            ({{page.cart.lineItems|length}}) #}
  40.             {#                        </span> #}
  41.             {#                    </a> #}
  42.             {#                </div> #}
  43.             {#            </div> #}
  44.             {#            {% endif %} #}
  46.             <div class="nav_main">
  47.                 <div class="d-flex justify-between gap-8px nav_main_list">
  48.                     <a href="{{ seoUrl('frontend.current-deals') }}"
  49.                        class="nav_main_item d-flex flex-col cursor-pointer flex-1 items-center text-decoration-none">
  50.                         <div class="items-center" style="width: 24px; height: 24px;">
  51.                             <img class="nav_main_item_icon {{ app.request.get('_route') == 'frontend.current-deals' ? 'icon_focus' : '' }}"
  52.                                  src="{{ asset('bundles/shopwithmeui/assets/icons/ic_home_inactive.svg') }}" style="width: 100%"/>
  53.                         </div>
  54.                         <span class="nav_main_item_txt {{ app.request.get('_route') == 'frontend.current-deals' ? 'txt_focus' : '' }} swm_checkout_payment_txt cp_txt_super_small cp_txt_header_secondary">{{"app.navHome"|trans}}</span>
  55.                     </a>
  56.                     <a href="{{ context.customer is not null ? seoUrl('frontend.checkout.cart.page') : seoUrl('frontend.account.login', { redirectTo: 'frontend.checkout.cart.page' }) }}"
  57.                        class="nav_main_item d-flex flex-col cursor-pointer flex-1 items-center text-decoration-none">
  58.                         <div class="items-center" style="width: 24px; height: 24px;">
  59.                             <img class="nav_main_item_icon {{ app.request.get('_route') starts with 'frontend.checkout.' ? 'icon_focus' : '' }}"
  60.                                  src="{{ asset('bundles/shopwithmeui/assets/icons/ic_cart.svg') }}" style="width: 100%"/>
  61.                         </div>
  62.                         <span class="nav_main_item_txt {{ app.request.get('_route') starts with 'frontend.checkout.' ? 'txt_focus' : '' }} swm_checkout_payment_txt cp_txt_super_small cp_txt_header_secondary">{{"app.cart"|trans}}</span>
  63.                     </a>
  64.                     <a href="{{ seoUrl('frontend.ai.stream') }}"
  65.                        class="nav_main_item d-flex flex-col cursor-pointer flex-1 items-center text-decoration-none">
  66.                         <div class="items-center" style="width: 24px; height: 24px;">
  67.                             <img class="nav_main_item_icon {{ app.request.get('_route') starts with 'frontend.ai.stream' ? 'icon_focus' : '' }}"
  68.                                  src="{{ asset('bundles/shopwithmeui/assets/icons/ic_ai_inactive.svg') }}" style="width: 100%"/>
  69.                         </div>
  70.                         <span class="nav_main_item_txt {{ app.request.get('_route') starts with 'frontend.ai.stream' ? 'txt_focus' : '' }} swm_checkout_payment_txt cp_txt_super_small cp_txt_header_secondary">{{"app.aiStream"|trans}}</span>
  71.                     </a>
  72.                     <a href="{{ seoUrl('frontend.current-deals') }}"
  73.                        class="nav_main_item d-flex flex-col cursor-pointer flex-1 items-center text-decoration-none">
  74.                         <div class="items-center" style="width: 24px; height: 24px;">
  75.                             <img class="nav_main_item_icon "
  76.                                  src="{{ asset('bundles/shopwithmeui/assets/icons/ic_categories_inactive.svg') }}"
  77.                                  style="width: 100%"/>
  78.                         </div>
  79.                         <span class="nav_main_item_txt  swm_checkout_payment_txt cp_txt_super_small cp_txt_header_secondary">{{"app.category"|trans}}</span>
  80.                     </a>
  81.                     {% if context.customer is null %}
  82.                         <a href="{{ seoUrl('frontend.account.login.page', { redirectTo: redirectUrl, redirectParameters: redirectParameters }) }}"
  83.                            class="nav_main_item d-flex flex-col cursor-pointer flex-1 items-center text-decoration-none">
  84.                             <div class="items-center" style="width: 24px; height: 24px;">
  85.                                 <img class="nav_main_item_icon {{ app.request.get('_route') == 'frontend.account.login.page' ? 'icon_focus' : '' }}"
  86.                                      src="{{ asset('bundles/shopwithmeui/assets/imgs/ic_login_solar.svg') }}" style="width: 100%"/>
  87.                             </div>
  88.                             <span class="nav_main_item_txt {{ app.request.get('_route') == 'frontend.account.login.page' ? 'txt_focus' : '' }} swm_checkout_payment_txt cp_txt_super_small cp_txt_header_secondary">{{"app.login"|trans}}</span>
  89.                         </a>
  90.                     {% else %}
  91.                         <a href="{{ seoUrl('frontend.account.dashboard') }}" data-id="5"
  92.                            class="nav_main_item d-flex flex-col cursor-pointer flex-1 items-center text-decoration-none">
  93.                             <div class="items-center" style="width: 24px; height: 24px;">
  94.                                 <img class="nav_main_item_icon {{ app.request.get('_route') starts with 'frontend.account.' ? 'icon_focus' : '' }}"
  95.                                      src="{{ context.customer.extensions.avatar.url ?: asset('bundles/shopwithmeui/assets/imgs/no_avatar.jpeg') }}"
  96.                                      style="width: 100%;height: 100%;filter: none;border-radius: 100%;object-fit: cover;object-position: center;"/>
  97.                             </div>
  98.                             <span class="nav_main_item_txt {{ app.request.get('_route') starts with 'frontend.account.' ? 'txt_focus' : '' }} swm_checkout_payment_txt cp_txt_super_small cp_txt_header_secondary">{{"app.profile"|trans}}</span>
  99.                         </a>
  100.                     {% endif %}
  101.                 </div>
  102.             </div>
  103.         </div>
  104.     </footer>
  105.     <script>
  106.         document.querySelectorAll('.nav_main_item').forEach((val, indx) => {
  107.             val.addEventListener('click', () => {
  108.                 const navChild = val.getAttribute('data-id');
  109.                 console.log(navChild)
  110.                 console.log(indx)
  111.                 if (navChild && navChild == (indx + 1).toString()) {
  112.                     document.querySelector(`#nav_main_item_icon${navChild}`).classList.add('txt_focus')
  113.                     document.querySelector(`#nav_main_item_txt${navChild}`).classList.add('icon_focus')
  114.                 } else {
  115.                     document.querySelector(`#nav_main_item_icon${navChild}`).classList.remove('txt_focus')
  116.                     document.querySelector(`#nav_main_item_txt${navChild}`).classList.remove('icon_focus')
  117.                 }
  118.             })
  119.         })
  120.     </script>
  121. {% endblock %}
  122.