custom/plugins/CogiCapskeeper/src/Resources/views/storefront/layout/footer/footer.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@CogiFooterKit/storefront/layout/footer/footer.html.twig' %}
  3. {% block layout_footer_inner_container %}
  4.     {% if isSalesChannel %}
  5.         <div id="footerColumns"
  6.              class="row footer-columns col-12 m-0 p-0 border-top border-bottom-0"
  7.              data-collapse-footer="true"
  8.              style="
  9.                  background: {{ footerKit.navigationConfig.backgroundColor }};
  10.              {% if navigationBackgroundImageUrl %}
  11.                  background-image: url('{{ navigationBackgroundImageUrl }}');
  12.                  background-position: {{ footerKit.navigationConfig.backgroundImagePosition }};
  13.                  background-size: {{ footerKit.navigationConfig.backgroundImageFit }};
  14.                  background-repeat: {{ footerKit.navigationConfig.backgroundImageRepeat }};
  15.              {% endif %}
  16.                  ">
  18.             {% if footerKit.navigationConfig.active %}
  21.                 <div class="container col-12"
  22.                      style="padding: {{ footerKit.navigationConfig.verticalSpacing ? footerKit.navigationConfig.verticalSpacing : "25px" }} {{ footerKit.navigationConfig.horizontalSpacing ? footerKit.navigationConfig.horizontalSpacing : "25px" }} !important;
  23.                          ">
  25.                     <div class="cogi-capskeeper-footer-newsletter-section">
  26.                         <div class="row">
  27.                             <div class="col-12 col-md-4">
  28.                                 <div
  29.                                     class="h1">{{ "cogi.theme.capskeeper.footer.newsletter.title"|trans|sw_sanitize }}</div>
  30.                                 <div
  31.                                     class="description">{{ "cogi.theme.capskeeper.footer.newsletter.description"|trans|sw_sanitize }}</div>
  32.                             </div>
  33.                             <div class="col-12 col-md-8">
  34.                                 {% block layout_footer_newsletter_form %}
  35. {#                                    <div class="footer-newsletter-form cms-element-form checkout-confirm-container">#}
  36.                                         {% sw_include '@Storefront/storefront/layout/footer/footer_newsletter.html.twig' %}
  38. {#                                        <form action="{{ path('frontend.form.newsletter.register.handle') }}"#}
  39. {#                                              method="post"#}
  40. {#                                              class="register-newsletter"#}
  41. {#                                              data-form-csrf-handler="true"#}
  42. {#                                              data-form-validation="true">#}
  43. {#                                            {{ sw_csrf('frontend.form.newsletter.register.handle') }}#}
  44. {#                                            {% set formViolations = app.request.get('errors') %}#}
  45. {#                                            <div class="cogi-capskeeper-footer-newsletter-email">#}
  46. {#                                                {{ "cogi.theme.capskeeper.footer.newsletter.email"|trans|sw_sanitize }}#}
  47. {#                                            </div>#}
  48. {#                                            <input type="hidden" name="option" value="subscribe"/>#}
  49. {#                                            <input type="submit" class="submit--hidden d-none">#}
  50. {#                                            <div class="form-content">#}
  51. {#                                                <div class="footer-newsletter-form-content row">#}
  52. {#                                                    <div class="footer-newsletter-form-group col-12 col-md-8">#}
  53. {#                                                        <input type="email" name="email" required="required"#}
  54. {#                                                               class="form-control{% if formViolations.getViolations('/email') %} is-invalid{% endif %} footer-newsletter-email">#}
  55. {#                                                        #}{#                            <label class="footer-newsletter-form-confirm"> #}
  56. {#                                                        #}{#                                {{ "footer.email.form.checkbox"|trans|sw_sanitize }} #}
  57. {#                                                        #}{#                                <input type="checkbox" name="agreement"> #}
  58. {#                                                        #}{#                                <span class="checkmark"></span> #}
  59. {#                                                        #}{#                            </label> #}
  61. {#                                                        {% block cms_form_newsletter_privacy %}#}
  62. {#                                                            {% sw_include '@Storefront/storefront/element/cms-element-form/form-components/cms-element-form-privacy.html.twig' %}#}
  63. {#                                                        {% endblock %}#}
  65. {#                                                        <div class="cogiNewsletterResponse"></div>#}
  66. {#                                                    </div>#}
  67. {#                                                    <div class="col-12 col-md-4">#}
  68. {#                                                        <button type="submit"#}
  69. {#                                                                class="footer-newsletter-form-button btn btn-secondary">#}
  70. {#                                                            {{ "cogi.theme.capskeeper.footer.newsletter.button"|trans|sw_sanitize }}#}
  71. {#                                                        </button>#}
  72. {#                                                    </div>#}
  73. {#                                                </div>#}
  74. {#                                            </div>#}
  75. {#                                        </form>#}
  76. {#                                    </div>#}
  77.                                 {% endblock %}
  78.                             </div>
  79.                         </div>
  80.                     </div>
  81.                     <div class="row">
  82.                         {% if footerKit.navigationConfig.serviceHotline %}
  83.                             {% block layout_footer_navigation_hotline %}
  84.                                 <div class="col-md-3 footer-column js-footer-column pb-4">
  85.                                     {% block layout_footer_navigation_hotline_headline %}
  86.                                         <div
  87.                                             class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  88.                                             id="collapseFooterHotlineTitle"
  89.                                             data-target="#collapseFooterHotline"
  90.                                             aria-expanded="true"
  91.                                             aria-controls="collapseFooterHotline"
  92.                                             style="color: {{ footerKit.navigationConfig.fontColor }};">
  93.                                             {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  94.                                             {% block layout_footer_navigation_hotline_icons %}
  95.                                                 <div class="footer-column-toggle">
  96.                                                     <span class="footer-plus-icon">
  97.                                                         {% sw_icon 'plus' %}
  98.                                                     </span>
  99.                                                     <span class="footer-minus-icon">
  100.                                                         {% sw_icon 'minus' %}
  101.                                                     </span>
  102.                                                 </div>
  103.                                             {% endblock %}
  104.                                         </div>
  105.                                     {% endblock %}
  107.                                     {% block layout_footer_navigation_hotline_content %}
  108.                                         <div id="collapseFooterHotline"
  109.                                              class="footer-column-content collapse js-footer-column-content footer-contact"
  110.                                              aria-labelledby="collapseFooterHotlineTitle">
  111.                                             <div class="footer-column-content-inner">
  112.                                                 <p class="footer-contact-hotline">
  113.                                                     {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  114.                                                 </p>
  115.                                             </div>
  116.                                             <div class="footer-contact-form">
  117.                                                 {{ 'footer.serviceContactLink'|trans({
  118.                                                     '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
  119.                                                 })|raw }}
  120.                                             </div>
  121.                                         </div>
  122.                                     {% endblock %}
  123.                                 </div>
  124.                             {% endblock %}
  125.                         {% endif %}
  127.                         {% if footerKit.navigationConfig["active"] %}
  128.                             {% block layout_footer_navigation_columns %}
  129.                                 <div class="col-md-4 footer-column footer-column-content-inner cogi-footer-text-field"
  130.                                      style="color: {{ footerKit.navigationConfig.fontColor }};">
  131.                                     <h1>{{ "cogi.theme.capskeeper.our-vision.headline"|trans|sw_sanitize }}</h1>
  132.                                     <div>
  133.                                         {{ "cogi.theme.capskeeper.our-vision.description"|trans|sw_sanitize }}
  134.                                     </div>
  135.                                 </div>
  137.                                 {% for root in page.footer.navigation.tree %}
  138.                                     {% block layout_footer_navigation_column %}
  139.                                         <div class="col-md-3 footer-column js-footer-column">
  140.                                             {% block layout_footer_navigation_information_headline %}
  141.                                                 <div
  142.                                                     class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  143.                                                     data-target="#collapseFooterTitle{{ loop.index }}"
  144.                                                     aria-expanded="true"
  145.                                                     aria-controls="collapseFooter{{ loop.index }}"
  146.                                                     style="color: {{ footerKit.navigationConfig.fontColor }};">
  147.                                                     {{ root.category.translated.name }}
  148.                                                     {% block layout_footer_navigation_information_icons %}
  149.                                                         <div class="footer-column-toggle">
  150.                                                             <span class="footer-plus-icon">
  151.                                                                 {% sw_icon 'plus' %}
  152.                                                             </span>
  153.                                                             <span class="footer-minus-icon">
  154.                                                                 {% sw_icon 'minus' %}
  155.                                                             </span>
  156.                                                         </div>
  157.                                                     {% endblock %}
  158.                                                 </div>
  159.                                             {% endblock %}
  161.                                             {% block layout_footer_navigation_information_content %}
  162.                                                 <div id="collapseFooter{{ loop.index }}"
  163.                                                      class="footer-column-content collapse js-footer-column-content"
  164.                                                      aria-labelledby="collapseFooterTitle{{ loop.index }}">
  165.                                                     <div class="footer-column-content-inner">
  166.                                                         {% block layout_footer_navigation_information_links %}
  167.                                                             <ul class="list-unstyled">
  168.                                                                 {% for treeItem in root.children %}
  169.                                                                     {% set category = treeItem.category %}
  170.                                                                     {% set name = category.translated.name %}
  171.                                                                     {% set externalLink = category.translated.externalLink %}
  172.                                                                     {% block layout_footer_navigation_information_link_item %}
  173.                                                                         <li class="footer-link-item">
  174.                                                                             {% block layout_footer_navigation_information_link %}
  175.                                                                                 {% if category.type == 'folder' %}
  176.                                                                                     <div>{{ name }}</div>
  177.                                                                                 {% else %}
  178.                                                                                     <a class="footer-link"
  179.                                                                                         {% if footerKit.navigationConfig.fontColorLink or footerKit.navigationConfig.fontColorLinkHover %}
  180.                                                                                             onMouseOver="this.style.color='{{ footerKit.navigationConfig.fontColorLinkHover }}'"
  181.                                                                                             onMouseOut="this.style.color='{{ footerKit.navigationConfig.fontColorLink }}'"
  182.                                                                                         {% endif %}
  183.                                                                                        href="{{ category_url(category) }}"
  184.                                                                                         {% if category_linknewtab(category) %}target="_blank"{% endif %}
  185.                                                                                        title="{{ name }}">
  186.                                                                                         {{ name }}
  187.                                                                                     </a>
  188.                                                                                 {% endif %}
  189.                                                                             {% endblock %}
  190.                                                                         </li>
  191.                                                                     {% endblock %}
  192.                                                                 {% endfor %}
  193.                                                             </ul>
  194.                                                         {% endblock %}
  195.                                                     </div>
  196.                                                 </div>
  197.                                             {% endblock %}
  198.                                         </div>
  199.                                     {% endblock %}
  200.                                 {% endfor %}
  201.                             {% endblock %}
  202.                             {% block custom_navigation_blocks %}
  203.                                 {% for block in footerKit.navigationBlock %}
  204.                                     {% if block.active %}
  205.                                         {% block layout_footer_navigation_block_column %}
  206.                                             <div class="{{ block.col }} footer-column js-footer-column">
  207.                                                 {% block layout_footer_navigation_block_headline %}
  208.                                                     <div
  209.                                                         class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  210.                                                         data-target="#collapseFooterTitle{{ loop.index }}"
  211.                                                         aria-expanded="true"
  212.                                                         aria-controls="collapseFooter{{ loop.index }}"
  213.                                                         style="color: {{ footerKit.navigationConfig.fontColor }};">
  214.                                                         {{ block.title }}
  215.                                                         {% block layout_footer_navigation_block_icons %}
  216.                                                             <div class="footer-column-toggle">
  217.                                                                 <span class="footer-plus-icon">
  218.                                                                     {% sw_icon 'plus' %}
  219.                                                                 </span>
  220.                                                                 <span class="footer-minus-icon">
  221.                                                                     {% sw_icon 'minus' %}
  222.                                                                 </span>
  223.                                                             </div>
  224.                                                         {% endblock %}
  225.                                                     </div>
  226.                                                 {% endblock %}
  228.                                                 {% block layout_footer_navigation_block_content %}
  229.                                                     <div id="collapseFooter{{ loop.index }}"
  230.                                                          class="footer-column-content collapse js-footer-column-content"
  231.                                                          aria-labelledby="collapseFooterTitle{{ loop.index }}">
  232.                                                         <div class="footer-column-content-inner">
  233.                                                             {% block layout_footer_navigation_block_links %}
  234.                                                                 {{ block.block|raw }}
  235.                                                             {% endblock %}
  236.                                                         </div>
  237.                                                     </div>
  238.                                                 {% endblock %}
  239.                                             </div>
  240.                                         {% endblock %}
  241.                                     {% endif %}
  242.                                 {% endfor %}
  243.                             {% endblock %}
  244.                         {% endif %}
  245.                     </div>
  246.                 </div>
  247.             {% endif %}
  248.             {% block layout_footer_information_custom %}
  249.                 {% if footerKit.informationConfig.basicSettings.active and footerKit.informationConfig.basicSettings.informationType == 'custom' %}
  250.                     <div class="col-12 d-flex row customColumns m-0
  251.                     {% if footerKit.informationConfig.basicSettings.center %}
  252.                         justify-content-center
  253.                     {% endif %}
  254.                     "
  255.                          style="background: {{ footerKit.informationConfig.basicSettings.backgroundColor }}; padding: {{ footerKit.informationConfig.basicSettings.verticalSpacing ? footerKit.informationConfig.basicSettings.verticalSpacing : "25px" }} {{ footerKit.informationConfig.basicSettings.horizontalSpacing ? footerKit.informationConfig.basicSettings.horizontalSpacing : "25px" }};">
  256.                         {% if footerKit.productSliderTitle %}
  257.                             <div class="col-12 d-flex justify-content-center"
  258.                                  style="background: {{ footerKit.informationConfig.basicSettings.backgroundColor }};">
  259.                                 <h3 class="p-0 m-0 py-3"
  260.                                     style="color: {{ footerKit.informationConfig.basicSettings.titleColor }};"> {{ footerKit.productSliderTitle }} </h3>
  261.                             </div>
  262.                         {% endif %}
  263.                         {% for informationBlock in footerKit.informationBlock %}
  264.                             {% if informationBlock.active %}
  265.                                 <div class="{{ informationBlock.col }}">
  266.                                     {{ informationBlock.block|raw }}
  267.                                 </div>
  268.                             {% endif %}
  269.                         {% endfor %}
  270.                     </div>
  271.                 {% endif %}
  272.             {% endblock %}
  274.             {% block layout_footer_information_dynamic_products %}
  275.                 {% if footerKit.informationConfig.basicSettings.active and footerKit.informationConfig.basicSettings.informationType == 'dynamic' %}
  276.                     <div class="col-12 d-flex row customColumns m-0 p0 justify-content-center"
  277.                          style="background: {{ footerKit.informationConfig.basicSettings.backgroundColor }}; padding: {{ footerKit.informationConfig.basicSettings.verticalSpacing ? footerKit.informationConfig.basicSettings.verticalSpacing : "25px" }} {{ footerKit.informationConfig.basicSettings.horizontalSpacing ? footerKit.informationConfig.basicSettings.horizontalSpacing : "25px" }};">
  278.                         {% if footerKit.productSliderTitle %}
  279.                             <div class="col-12 d-flex justify-content-center"
  280.                                  style="background: {{ footerKit.informationConfig.basicSettings.backgroundColor }};">
  281.                                 <h3 class="p-0 m-0 py-3"
  282.                                     style="color: {{ footerKit.informationConfig.basicSettings.titleColor }};"> {{ footerKit.productSliderTitle }} </h3>
  283.                             </div>
  284.                         {% endif %}
  285.                         {% sw_include '@FooterKit/storefront/layout/footer/tools/product-slider.html.twig' with {'product': product } %}
  286.                     </div>
  287.                 {% endif %}
  288.             {% endblock %}
  290.             <div class="row col-12 p-0 m-0">
  291.                 {% block layout_footer_payment_logos %}
  292.                     {% if footerKit.paymentShippingConfig.paymentActive %}
  293.                         <div class="footer-logo- is-payment col-12 d-flex row m-0
  294.                         {% if footerKit.paymentShippingConfig.paymentActive == footerKit.paymentShippingConfig.shippingActive %}
  295.                             col-md-6
  296.                             justify-content-md-end
  297.                             justify-content-center
  298.                         {% else %}
  299.                             col-md-12
  300.                             justify-content-center
  301.                         {% endif %}
  302.                         "
  303.                              style="background: {{ footerKit.paymentShippingConfig.backgroundColor }}; padding: {{ footerKit.paymentShippingConfig.verticalSpacing ? footerKit.paymentShippingConfig.verticalSpacing : "25px" }} {{ footerKit.paymentShippingConfig.horizontalSpacing ? footerKit.paymentShippingConfig.horizontalSpacing : "25px" }};">
  304.                             <div style="display: flex; justify-content: center; align-items: center;">
  305.                                 <span class="m-0"
  306.                                       style="font-size: 18px; font-weight: 600; text-align: center; color: {{ footerKit.paymentShippingConfig.fontColor }};">{{ footerKit.paymentString|trans }}</span>
  307.                             </div>
  308.                             {% for paymentMethod in page.salesChannelPaymentMethods %}
  309.                                 {% block layout_footer_payment_logo %}
  310.                                     {% if paymentMethod.media %}
  311.                                         <div class="img-wrapper m-2">
  312.                                             {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  313.                                                 media: paymentMethod.media,
  314.                                                 sizes: {
  315.                                                     'default': '35px'
  316.                                                 },
  317.                                                 attributes: {
  318.                                                     'class': 'img-fluid footer-logo-image',
  319.                                                     'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  320.                                                     'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  321.                                                 }
  322.                                             } %}
  323.                                         </div>
  324.                                     {% endif %}
  325.                                 {% endblock %}
  326.                             {% endfor %}
  327.                         </div>
  328.                     {% endif %}
  329.                 {% endblock %}
  331.                 {% block layout_footer_shipping_logos %}
  332.                     {% if footerKit.paymentShippingConfig.shippingActive %}
  333.                         <div class="is-shipping footer-logo- is-payment col-12 d-flex row m-0
  334.                         {% if footerKit.paymentShippingConfig.shippingActive == footerKit.paymentShippingConfig.paymentActive %}
  335.                             col-md-6
  336.                             justify-content-md-start
  337.                             justify-content-center
  338.                         {% else %}
  339.                             col-md-12
  340.                             justify-content-center
  341.                         {% endif %}
  342.                         "
  343.                              style="background: {{ footerKit.paymentShippingConfig.backgroundColor }}; padding: {{ footerKit.paymentShippingConfig.verticalSpacing ? footerKit.paymentShippingConfig.verticalSpacing : "25px" }} {{ footerKit.paymentShippingConfig.horizontalSpacing ? footerKit.paymentShippingConfig.horizontalSpacing : "25px" }};">
  344.                             <div style="display: flex; justify-content: center; align-items: center;">
  345.                                 <span class="m-0"
  346.                                       style="font-size: 18px; font-weight: 600; text-align: center; color: {{ footerKit.paymentShippingConfig.fontColor }};">{{ footerKit.shippingString|trans }}</span>
  347.                             </div>
  348.                             {% for shippingMethod in page.salesChannelShippingMethods %}
  349.                                 {% block layout_footer_shipping_logo %}
  350.                                     {% if shippingMethod.media %}
  351.                                         <div class="img-wrapper m-2">
  352.                                             {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  353.                                                 media: shippingMethod.media,
  354.                                                 sizes: {
  355.                                                     'default': '35px'
  356.                                                 },
  357.                                                 attributes: {
  358.                                                     'class': 'img-fluid footer-logo-image',
  359.                                                     'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  360.                                                     'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  361.                                                 }
  362.                                             } %}
  363.                                         </div>
  364.                                     {% endif %}
  365.                                 {% endblock %}
  366.                             {% endfor %}
  367.                         </div>
  368.                     {% endif %}
  369.                 {% endblock %}
  370.             </div>
  371.         </div>
  373.         {% if footerKit.bottomConfig.basicSettings.active %}
  374.             <div class="col-12 p-0" style="background: {{ footerKit.bottomConfig.basicSettings.backgroundColor }};">
  375.                 {% block social_media_block %}
  376.                     {% if footerKit.bottomConfig.socialMediaSettings.active %}
  377.                         <div class="col-12"
  378.                              style="padding: {{ footerKit.bottomConfig.socialMediaSettings.verticalSpacing ? footerKit.bottomConfig.socialMediaSettings.verticalSpacing : "25px" }} {{ footerKit.bottomConfig.socialMediaSettings.horizontalSpacing ? footerKit.bottomConfig.socialMediaSettings.horizontalSpacing : "25px" }};">
  379.                             <div class="d-flex justify-content-center col-12 p-0">
  380.                                 <h1 style="font-weight: 600; font-size: 1.2rem; color: {{ footerKit.bottomConfig.socialMediaSettings.fontColor }};">{{ footerKit.socialMediaString|trans }}</h1>
  381.                             </div>
  382.                             <ul class="nav col-12 p-0"
  383.                                 style="display: flex; flex-flow: row wrap; justify-content: center;">
  384.                                 {% for socialMedia in footerKit.bottomConfig.socialMedia %}
  385.                                     {% if socialMedia.active %}
  386.                                         <li class="m-1 d-flex justify-content-center align-center">
  387.                                             {% for itemMedia in media %}
  388.                                                 {% if socialMedia.media == itemMedia.id %}
  389.                                                     {% set mediaUrl = itemMedia.url %}
  390.                                                     <a
  391.                                                         href="{{ socialMedia.url }}"
  392.                                                         {% if footerKit.bottomConfig.socialMediaSettings.tab %}
  393.                                                             target="_blank"
  394.                                                         {% endif %}
  395.                                                     >
  396.                                                         <img
  397.                                                             style="height: {{ footerKit.bottomConfig.socialMediaSettings.iconSize ? footerKit.bottomConfig.socialMediaSettings.iconSize : "30px" }}"
  398.                                                             src="{{ mediaUrl }}"
  399.                                                             alt="socialMedia1">
  400.                                                     </a>
  401.                                                 {% endif %}
  402.                                             {% endfor %}
  403.                                         </li>
  404.                                     {% endif %}
  405.                                 {% endfor %}
  406.                             </ul>
  407.                         </div>
  408.                     {% endif %}
  409.                 {% endblock %}
  412.                 {% block layout_footer_company_logo %}
  413.                     {% if footerKit.bottomConfig.companyLogoSettings.active %}
  414.                         <div class="d-flex justify-content-center col-12"
  415.                              style="padding: {{ footerKit.bottomConfig.companyLogoSettings.verticalSpacing ? footerKit.bottomConfig.companyLogoSettings.verticalSpacing : "25px" }} {{ footerKit.bottomConfig.companyLogoSettings.horizontalSpacing ? footerKit.bottomConfig.companyLogoSettings.horizontalSpacing : "25px" }};">
  416.                             {% for itemMedia in media %}
  417.                                 {% if footerKit.bottomConfig.companyLogoSettings.media == itemMedia.id %}
  418.                                     {% set mediaUrl = itemMedia.url %}
  419.                                     <img
  420.                                         style="height: {{ footerKit.bottomConfig.companyLogoSettings.size ? footerKit.bottomConfig.companyLogoSettings.size : "50px" }}"
  421.                                         src="{{ mediaUrl }}" alt="logo">
  422.                                 {% endif %}
  423.                             {% endfor %}
  424.                         </div>
  425.                     {% endif %}
  426.                 {% endblock %}
  428.                 {% block layout_footer_custom_link %}
  429.                     {% if footerKit.bottomConfig.customLinkSettings.active %}
  430.                         <ul class="nav d-flex justify-content-center col-12 p-1 customLink"
  431.                             style="padding: {{ footerKit.bottomConfig.customLinkSettings.verticalSpacing ? footerKit.bottomConfig.customLinkSettings.verticalSpacing : "0px" }} {{ footerKit.bottomConfig.customLinkSettings.horizontalSpacing ? footerKit.bottomConfig.customLinkSettings.horizontalSpacing : "0px" }} !important;">
  432.                             {% for customLink in footerKit.customLink %}
  433.                                 {% if customLink.active %}
  434.                                     <li class="nav-item">
  435.                                         <a class="nav-link"
  436.                                             {% if footerKit.bottomConfig.customLinkSettings.fontColor or footerKit.bottomConfig.customLinkSettings.fontColorHover %}
  437.                                                 onMouseOver="this.style.color='{{ footerKit.bottomConfig.customLinkSettings.fontColorHover }}'"
  438.                                                 onMouseOut="this.style.color='{{ footerKit.bottomConfig.customLinkSettings.fontColor }}'"
  439.                                             {% endif %}
  440.                                            style="color: {{ footerKit.bottomConfig.customLinkSettings.fontColor }}; transition: all {{ footerKit.bottomConfig.customLinkSettings.transitionTime }};
  441.                                                font-size: {{ footerKit.bottomConfig.customLinkSettings.fontSize ? footerKit.bottomConfig.customLinkSettings.fontSize : ".875rem" }}"
  442.                                            href="{{ customLink.url }}"
  443.                                             {% if footerKit.bottomConfig.customLinkSettings.tab %}
  444.                                                 target="_blank"
  445.                                             {% endif %}
  446.                                         >
  447.                                             {{ customLink.name|trans }}
  448.                                         </a>
  449.                                     </li>
  450.                                 {% endif %}
  451.                             {% endfor %}
  452.                         </ul>
  453.                     {% endif %}
  454.                 {% endblock %}
  456.                 {% block layout_footer_vat %}
  457.                     {% if footerKit.bottomConfig.basicSettings.vatActive %}
  458.                         <div class="footer-vat-new d-flex justify-content-center new-footer col-12"
  459.                              style="color: {{ footerKit.bottomConfig.basicSettings.vatFontColor }}; padding: {{ footerKit.bottomConfig.basicSettings.vatVerticalSpacing ? footerKit.bottomConfig.basicSettings.vatVerticalSpacing : "0" }} {{ footerKit.bottomConfig.basicSettings.vatHorizontalSpacing ? footerKit.bottomConfig.basicSettings.vatHorizontalSpacing : "10px" }};">
  460.                             {% if context.taxState == "gross" %}
  461.                                 <p>{{ "footer.includeVat"|trans|sw_sanitize }}</p>
  462.                             {% else %}
  463.                                 <p>{{ "footer.excludeVat"|trans|sw_sanitize }}</p>
  464.                             {% endif %}
  465.                         </div>
  466.                     {% endif %}
  467.                 {% endblock %}
  468.             </div>
  469.         {% endif %}
  470.     {% else %}
  471.         {{ parent() }}
  472.     {% endif %}
  474. {% endblock %}