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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
  5. {% block layout_footer_inner_container %}
  6.     <div class="footer_top">
  7.         {% block layout_footer_navigation_hotline_content %}
  8. {#            <div id="collapseFooterHotline"#}
  9. {#                 class="footer-column-content collapse js-footer-column-content footer-contact"#}
  10. {#                 aria-labelledby="collapseFooterHotlineTitle">#}
  11. {#                <div class="footer-column-content-inner">#}
  12. {#                    <p class="footer-contact-hotline">#}
  13. {#                        {{ 'footer.serviceHotline'|trans|sw_sanitize }}#}
  14. {#                    </p>#}
  15. {#                </div>#}
  16. {#                <div class="footer-contact-form">#}
  17. {#                    {{ 'footer.serviceContactLink'|trans({#}
  18. {#                        '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })#}
  19. {#                    })|raw }}#}
  20. {#                </div>#}
  21. {#            </div>#}
  22.         {% endblock %}
  23.         <div class="logo_socials">
  24.             <img class="footer_logo" src="/media/82/72/b4/1668574972/logo.svg" width="157" height="52" alt="" title=""/>
  25.             <ul class="socials_list">
  26.                 <li><a href="{{ context.salesChannel.customFields.custom_socials_facebook }}" target="_blank" class="icon_facebook">facebook</a></li>
  27.                 <li><a href="{{ context.salesChannel.customFields.custom_socials_instagram }}" target="_blank" class="icon_instagram">instagram</a></li>
  28.                 <li><a href="{{ context.salesChannel.customFields.custom_socials_LinkedIn }}" target="_blank" class="icon_linkedin">linkedin</a></li>
  29.             </ul>
  30.         </div>
  31.         <ul class="footer_menu">
  32.             {% block layout_footer_service_menu %}
  33.                     {% block layout_footer_service_menu_content %}
  35.             <li>
  36.                 <div class="menu_subtitle">Information</div>
  37.                 <ul>
  38.                     {% for serviceMenuItem in page.header.serviceMenu %}
  39.                         {% block layout_footer_service_menu_item %}
  40.                             <li>
  41.                                 <a
  42.                                    href="{{ category_url(serviceMenuItem) }}"
  43.                                    {% if category_linknewtab(serviceMenuItem) %}target="_blank"{% endif %}
  44.                                    title="{{ serviceMenuItem.translated.name }}">
  45.                                     {{ serviceMenuItem.translated.name }}
  46.                                 </a>
  47.                             </li>
  48.                         {% endblock %}
  49.                     {% endfor %}
  50.                     <li>
  51.                         <a data-bs-toggle="modal"
  52.                            data-toggle="modal"
  53.                            data-url="{{ path('frontend.cms.page', { id: config('core.basicInformation.contactPage') }) }}"
  54.                            href="{{ path('frontend.cms.page', { id: config('core.basicInformation.contactPage') }) }}"
  55.                            title="contact form">Contact</a>
  56.                     </li>
  57.                 </ul>
  58.             </li>
  59.                     {% endblock %}
  60.             {% endblock %}
  61.         </ul>
  62.         <div class="payment_methods">
  63.             <div class="menu_subtitle">Payment methods</div>
  64.             <div class="methods_list">
  65.                 <img src="/bundles/hybuys/assets/css/images/visa.svg" width="56" height="36" alt="visa" title="visa"/>
  66.                 <img src="/bundles/hybuys/assets/css/images/mastercard.svg" width="60" height="36" alt="mastercard" title="mastercard"/>
  67.                 <img src="/bundles/hybuys/assets/css/images/paypal.svg" width="58" height="36" alt="paypal" title="paypal"/>
  68.                 <img src="/bundles/hybuys/assets/css/images/american-express.svg" width="56" height="36" alt="american-express" title="american-express"/>
  69.             </div>
  70.         </div>
  71.     </div>
  72.     <div class="footer_bottom">
  73.         <div class="copyrights">© 2023 HyBuys. All Rights Reserved.</div>
  74.         <div class="developer">Developed by <a href="https://wedo.design" target="_blank">WEDO</a></div>
  75.     </div>
  79.     {% block layout_footer_navigation %}
  80. {#        <div id="footerColumns"#}
  81. {#             class="row footer-columns"#}
  82. {#             data-collapse-footer="true"#}
  83. {#             role="list">#}
  84. {#        {% block layout_footer_navigation_hotline %}#}
  85. {#            <div class="col-md-4 footer-column js-footer-column">#}
  86. {#            {% block layout_footer_navigation_hotline_headline %}#}
  87. {#                <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"#}
  88. {#                     id="collapseFooterHotlineTitle"#}
  89. {#                {{ dataBsTargetAttr }}="#collapseFooterHotline"#}
  90. {#                aria-expanded="true"#}
  91. {#                aria-controls="collapseFooterHotline"#}
  92. {#                role="listitem">#}
  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 %}#}
  108. {#            </div>#}
  109. {#        {% endblock %}#}
  111. {#        {% block layout_footer_navigation_columns %}#}
  112. {#            {% for root in page.footer.navigation.tree %}#}
  113. {#                {% block layout_footer_navigation_column %}#}
  114. {#                    <div class="col-md-4 footer-column js-footer-column">#}
  115. {#                    {% block layout_footer_navigation_information_headline %}#}
  116. {#                        <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"#}
  117. {#                        {{ dataBsTargetAttr }}="#collapseFooterTitle{{ loop.index }}"#}
  118. {#                        aria-expanded="true"#}
  119. {#                        aria-controls="collapseFooter{{ loop.index }}">#}
  121. {#                        {% if root.category.type == 'folder' %}#}
  122. {#                            {{ root.category.translated.name }}#}
  123. {#                        {% else %}#}
  124. {#                            <a href="{{ category_url(root.category) }}"#}
  125. {#                               {% if category_linknewtab(root.category) %}target="_blank"{% endif %}#}
  126. {#                               title="{{ root.category.translated.name }}">#}
  127. {#                                {{ root.category.translated.name }}#}
  128. {#                            </a>#}
  129. {#                        {% endif %}#}
  130. {#                        {% block layout_footer_navigation_information_icons %}#}
  131. {#                            <div class="footer-column-toggle">#}
  132. {#                                                <span class="footer-plus-icon">#}
  133. {#                                                    {% sw_icon 'plus' %}#}
  134. {#                                                </span>#}
  135. {#                                <span class="footer-minus-icon">#}
  136. {#                                                    {% sw_icon 'minus' %}#}
  137. {#                                                </span>#}
  138. {#                            </div>#}
  139. {#                        {% endblock %}#}
  140. {#                        </div>#}
  141. {#                    {% endblock %}#}
  143. {#                    {% block layout_footer_navigation_information_content %}#}
  144. {#                        <div id="collapseFooter{{ loop.index }}"#}
  145. {#                             class="footer-column-content collapse js-footer-column-content"#}
  146. {#                             aria-labelledby="collapseFooterTitle{{ loop.index }}">#}
  147. {#                            <div class="footer-column-content-inner">#}
  148. {#                                {% block layout_footer_navigation_information_links %}#}
  149. {#                                    <ul class="list-unstyled">#}
  150. {#                                        {% for treeItem in root.children %}#}
  151. {#                                            {% set category = treeItem.category %}#}
  152. {#                                            {% set name = category.translated.name %}#}
  154. {#                                            #}{# @deprecated tag:v6.5.0 - Use "category.translated.externalLink" directly or category_url function instead. #}
  155. {#                                            {% set externalLink = category.translated.externalLink %}#}
  157. {#                                            {% block layout_footer_navigation_information_link_item %}#}
  158. {#                                                <li class="footer-link-item">#}
  159. {#                                                    {% block layout_footer_navigation_information_link %}#}
  160. {#                                                        {% if category.type == 'folder' %}#}
  161. {#                                                            <div>{{ name }}</div>#}
  162. {#                                                        {% else %}#}
  163. {#                                                            <a class="footer-link"#}
  164. {#                                                               href="{{ category_url(category) }}"#}
  165. {#                                                               {% if category_linknewtab(category) %}target="_blank"{% endif %}#}
  166. {#                                                               title="{{ name }}">#}
  167. {#                                                                {{ name }}#}
  168. {#                                                            </a>#}
  169. {#                                                        {% endif %}#}
  170. {#                                                    {% endblock %}#}
  171. {#                                                </li>#}
  172. {#                                            {% endblock %}#}
  173. {#                                        {% endfor %}#}
  174. {#                                    </ul>#}
  175. {#                                {% endblock %}#}
  176. {#                            </div>#}
  177. {#                        </div>#}
  178. {#                    {% endblock %}#}
  179. {#                    </div>#}
  180. {#                {% endblock %}#}
  181. {#            {% endfor %}#}
  182. {#        {% endblock %}#}
  183. {#        </div>#}
  184.     {% endblock %}
  186.     {% block layout_footer_payment_shipping_logos %}
  187. {#        <div class="footer-logos">#}
  188. {#            {% block layout_footer_payment_logos %}#}
  189. {#                {% for paymentMethod in page.salesChannelPaymentMethods %}#}
  190. {#                    {% block layout_footer_payment_logo %}#}
  191. {#                        {% if paymentMethod.media %}#}
  192. {#                            <div class="footer-logo is-payment">#}
  193. {#                                {% sw_thumbnails 'footer-payment-image-thumbnails' with {#}
  194. {#                                    media: paymentMethod.media,#}
  195. {#                                    sizes: {#}
  196. {#                                        'default': '100px'#}
  197. {#                                    },#}
  198. {#                                    attributes: {#}
  199. {#                                        'class': 'img-fluid footer-logo-image',#}
  200. {#                                        'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),#}
  201. {#                                        'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)#}
  202. {#                                    }#}
  203. {#                                } %}#}
  204. {#                            </div>#}
  205. {#                        {% endif %}#}
  206. {#                    {% endblock %}#}
  207. {#                {% endfor %}#}
  208. {#            {% endblock %}#}
  210. {#            {% block layout_footer_shipping_logos %}#}
  211. {#                {% for shippingMethod in page.salesChannelShippingMethods %}#}
  212. {#                    {% block layout_footer_shipping_logo %}#}
  213. {#                        {% if shippingMethod.media %}#}
  214. {#                            <div class="footer-logo is-shipping">#}
  215. {#                                {% sw_thumbnails 'footer-shipping-image-thumbnails' with {#}
  216. {#                                    media: shippingMethod.media,#}
  217. {#                                    sizes: {#}
  218. {#                                        'default': '100px'#}
  219. {#                                    },#}
  220. {#                                    attributes: {#}
  221. {#                                        'class': 'img-fluid footer-logo-image',#}
  222. {#                                        'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),#}
  223. {#                                        'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)#}
  224. {#                                    }#}
  225. {#                                } %}#}
  226. {#                            </div>#}
  227. {#                        {% endif %}#}
  228. {#                    {% endblock %}#}
  229. {#                {% endfor %}#}
  230. {#            {% endblock %}#}
  231. {#        </div>#}
  232.     {% endblock %}
  236.     {% block layout_footer_bottom %}
  237. {#        <div class="footer-bottom">#}
  238.             {% block layout_footer_vat %}
  239. {#                <div class="footer-vat">#}
  240. {#                    {% if context.taxState == "gross" %}#}
  241. {#                        <p>#}
  242. {#                            {{ "footer.includeVat"|trans({#}
  243. {#                                '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') })#}
  244. {#                            })|raw }}#}
  245. {#                        </p>#}
  246. {#                    {% else %}#}
  247. {#                        <p>#}
  248. {#                            {{ "footer.excludeVat"|trans({#}
  249. {#                                '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') })#}
  250. {#                            })|raw }}#}
  251. {#                        </p>#}
  252. {#                    {% endif %}#}
  253. {#                </div>#}
  254.             {% endblock %}
  256.             {% block layout_footer_copyright %}
  257.             {% endblock %}
  258. {#        </div>#}
  259.     {% endblock %}
  260. {% endblock %}