templates/front/base/footer/footer.html.twig line 1

Open in your IDE?
  1. {% block stylesheets %}
  2. {{ encore_entry_link_tags('footer') }}
  3. {% endblock %}
  5. {% block javascripts %}
  6. {{ encore_entry_script_tags('footer') }}
  7. {% endblock %}
  8. <footer id="footer" class="footer">
  9. <button id="refreshCart" style="display: none;"></button>
  10. {% if not app.session.get('isCheckout') %}
  11. <section class="footer__newsletter">
  12. <div class="ui container">
  13. <div class="ui grid">
  14. <div class="two wide widescreen two wide large screen column large screen only bottom aligned">
  15. <img src="/public/img/footer-newsletter.png" class="footer__newsletter-logo" alt="newsletter-bigbuy"/>
  16. </div>
  17. <div class="eight wide widescreen eight wide large screen twelve wide mobile column">
  18. <form id="footer__newsletter-form" class="ui form footer__newsletter-form">
  19. <div class="ui grid centered">
  20. <div class="twelve wide mobile column aligned">
  21. <h3>{{ 'newsletter.title' | trans }}</h3>
  22. </div>
  23. <div class="email-container twelve wide mobile five wide computer column">
  24. <div class="field email">
  25. <input id="email" name="email" placeholder="{{ 'newsletter.enter_email' | trans }}" autocomplete="off"/>
  26. <p class='error-message' data-message="{{ 'newsletter.enter_valid_email' | trans }}">{{ 'newsletter.enter_valid_email' | trans }}</p>
  27. </div>
  28. </div>
  29. <div class="language-container twelve wide mobile five wide computer column">
  30. <div class="field select-lang">
  31. <select id="select-lang-dropdown" name="select-lang-dropdown" class="search select-lang-dropdown">
  32. <option value="">{{ 'newsletter.select_language' |trans }}</option>
  33. {% for l in languages %}
  34. <option value="{{ l.isoCode }}">{{ l.name }}</option>
  35. {% endfor %}
  36. </select>
  37. <p class='error-message' data-message="{{ 'newsletter.error.must_choose_language' | trans }}">{{ 'newsletter.error.must_choose_language' | trans }}</p>
  38. </div>
  39. </div>
  40. </div>
  42. <div class="ui grid centered hidden-form">
  43. <div class="ten wide widescreen ten wide large screen twelve wide mobile column">
  44. <div class="ui grid">
  45. <div class="twelve wide mobile column left aligned interested-title">
  46. <p class="small">
  47. <strong>{{ legacy_trans('¿En qué soluciones de BigBuy está interesado?', 'sitemap') }}</strong>
  48. </p>
  49. </div>
  50. <div class="ui grid interested-group">
  51. <div class="interested-container">
  52. <div class="field interested">
  53. <div class="ui checkbox">
  54. <input value="0" name="interested" type="checkbox" tabindex="0" class="hidden">
  55. <label>Ecommerce</label>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="interested-container">
  60. <div class="field interested">
  61. <div class="ui checkbox">
  62. <input value="1" name="interested" type="checkbox" tabindex="0" class="hidden">
  63. <label>{{ 'menu.corporate.reward_catalog.name'|trans }}</label>
  64. </div>
  65. </div>
  66. </div>
  67. <div class="interested-container">
  68. <div class="field interested">
  69. <div class="ui checkbox">
  70. <input value="2" name="interested" type="checkbox" tabindex="0" class="hidden">
  71. <label>Marketplaces</label>
  72. </div>
  73. </div>
  74. </div>
  75. <div class="interested-container">
  76. <div class="field interested">
  77. <div class="ui checkbox">
  78. <input value="3" name="interested" type="checkbox" tabindex="0" class="hidden">
  79. <label>Social Selling</label>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="interested-container">
  84. <div class="field interested">
  85. <div class="ui checkbox">
  86. <input value="4" name="interested" type="checkbox" tabindex="0" class="hidden">
  87. <label>Offline</label>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="twelve wide mobile column footer__newsletter-form-sector--error">
  93. <div class="field interested">
  94. <p class='error-message' data-message="{{ legacy_trans('Debe elegir al menos un sector', 'jsText') }}">{{ legacy_trans('Debe elegir al menos un sector', 'jsText') }}</p>
  95. </div>
  96. </div>
  97. <div class="separator"></div>
  98. <div class="left aligned twelve wide mobile column conditions-container">
  99. <div class="field conditions">
  100. <div class="ui checkbox">
  101. <input name="conditions" type="checkbox" tabindex="0" class="hidden">
  102. {% set privacyLink = '<a href="https://www.bigbuy.eu/terms-and-general-conditions.html" class="link" target="blank">' %}
  103. <label>{{ legacy_trans('He leído y acepto las %sCondiciones generales y de privacidad.%s', 'accountController') | format(privacyLink, '</a>') | raw }}</label>
  104. </div>
  105. <p class='error-message' data-message="{{ legacy_trans('Debe aceptar las condiciones.', 'jsText') }}">{{ legacy_trans('Debe aceptar las condiciones.', 'jsText') }}</p>
  106. </div>
  107. </div>
  109. <div class="center aligned twelve wide mobile column footer__newsletter-form-button">
  110. <button class="ui button basic primary" id="button-submit">{{ 'menu.footer.newsletter.sign_me_up'| trans }}</button>
  111. <p class="response-message"></p>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </form>
  117. </div>
  118. </div>
  119. </div>
  120. </section>
  121. <section class="footer__content">
  122. <div class="ui container">
  123. <div class="ui grid">
  124. <div class="twelve wide mobile column tablet mobile only">
  125. <div class="ui accordion footer__content-accordion">
  126. {% for parentLink in corporate_links %}
  127. {% for first_level_link in parentLink.children %}
  128. <div class="title">
  129. <p class="big">{{ first_level_link.item.title }}</p>
  130. <i class="chevron down icon large"></i>
  131. </div>
  132. <div class="content">
  133. {% for children in first_level_link.children %}
  134. <p>
  135. <a class="content-link"
  136. href="{{ children.item.url }}">{{ children.item.title }}</a>
  137. </p>
  138. {% endfor %}
  139. </div>
  140. {% endfor %}
  141. {% endfor %}
  142. </div>
  143. </div>
  144. {% for corporate_link_columns in corporate_links %}
  145. <div class="three wide computer column computer only">
  146. {% for corporate_link_parent in corporate_link_columns.children %}
  148. <p class="big">
  149. <strong>{{ corporate_link_parent.item.title|trans({}, 'messages') }}</strong>
  150. </p>
  151. {% if corporate_link_parent.children %}
  153. {% for children in corporate_link_parent.children %}
  154. <p class="small">
  155. <a href="{{ children.item.url|trans({}, 'messages') }}"
  156. {% if children.item.target is not empty %}
  157. target="{{ children.item.target }}"
  158. {% endif %}
  159. >{{ children.item.title|trans({}, 'messages') }}
  160. </a>
  161. </p>
  162. {% endfor %}
  163. <br>
  164. {% endif %}
  165. {% endfor %}
  167. </div>
  168. {% endfor %}
  169. </div>
  170. </div>
  171. </section>
  172. {% endif %}
  173. <section class="footer_awards">
  174. <div class="ui grid container">
  175. <div class="twelve wide mobile column">
  176. <div class="splide splide-footer">
  177. <div class="splide__track">
  178. <div class="splide__list">
  179. {% for award in awards %}
  180. <div class="splide__slide">
  181. {% include 'front/base/footer/award.html.twig' with award %}
  182. </div>
  183. {% endfor %}
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </section>
  191. {% if not app.session.get('isCheckout') %}
  192. <section class="footer_social">
  193. <div class="ui grid container centered">
  194. <div class="twelve wide mobile three wide computer column footer_social-links">
  195. {% for social_link in social_links %}
  196. <a href="{{ social_link.url }}" target="_blank">
  197. <img src="{{ social_link.icon }}" alt="{{ social_link.name }}"/>
  198. </a>
  199. {% endfor %}
  200. </div>
  201. </div>
  202. </section>
  203. {% endif %}
  204. <section class="footer_legal">
  205. <div class="ui container">
  206. {% if app.session.get('isCheckout') %}
  207. <div class="ui grid">
  208. <div class="twelve wide mobile footer_legal-logo">
  209. <img width="40" src="{{ base_url_img }}/public/img/logo-bigbuy.svg" alt="bigbuy-logo"/>
  210. <p class="small">{{ legacy_trans('© 2010 - 2015 BigBuy Europe. Todos los derechos reservados.', 'footerTerms') | format('now'|date('Y')) }}</p>
  211. </div>
  212. </div>
  213. {% else %}
  214. <div class="ui grid">
  215. <div class="row footer_legal-links">
  216. <div class=" footer_legal-logo">
  217. <img width="40" src="https://cms.bigbuy.eu/uploads/bigbuy_logo_374c505207.svg" alt="bigbuy-logo"/>
  218. </div>
  219. <div class="twelve wide mobile eleven wide computer column footer_legal-links">
  220. {% for link in bottom_links %}
  221. <a href="{{ link.url }}"
  222. {% if link.external_link is same as( true ) %}
  223. target="_blank"
  224. {% endif %}
  225. {% if link.no_follow is same as( true ) %}
  226. rel="nofollow"
  227. {% endif %}
  228. >
  229. <p class="small">{{ link.name }}</p>
  230. </a>
  231. {% endfor %}
  232. </div>
  233. </div>
  234. <div class="twelve wide mobile twelve wide computer column footer_legal-info">
  235. <p class="small">{{ legacy_trans('© 2010 - 2015 BigBuy Europe. Todos los derechos reservados.', 'footerTerms') | format('now'|date('Y')) }}</p>
  236. </div>
  237. </div>
  238. {% endif %}
  239. </div>
  240. </section>
  241. </footer>