templates/default/components/organisms/offcanvas-cart/offcanvas-cart.html.twig line 1

Open in your IDE?
  2. {% embed 'components/organisms/offside/offside.html.twig' with {
  3. 'id': 'offcanvasCart',
  4. 'header': 'header_off_canvas_cart_add'|trans|tagWrap('span', {
  5. class: 'offside__headline-cart',
  6. }),
  7. 'class': 'offside--cart'
  8. } %}
  9. {% block offcanvasHeader %}
  10. <div class="offside__header">
  11. <div class="offside__headline">
  12. {{ header|default|raw }}
  13. </div>
  14. </div>
  15. {% endblock %}
  16. {% block offcanvasClose %}
  17. {{ parent() }}
  18. {% endblock %}
  19. {% block offcanvasContent %}
  21. <div class="offcanvas-cart">
  22. <div class="offcanvas-cart__product product-component--small product-component">
  23. <vue-product-component image-service="{{ imageservice }}" :variant=" {{ variant|json_encode }}" update-by-event="addToCartUpdateLineItem"></vue-product-component>
  24. </div>
  25. <div class="offcanvas-cart__related-products">
  26. <related-products-tabs
  27. tab-entries="{{ getCrossSellEntries(variant,[constant('App\\Twig\\Functions\\CrossSellExtension::ACCESSORY'), constant('App\\Twig\\Functions\\CrossSellExtension::SERVICE') ])|json_encode }}"
  28. css-class="related-products-tabs--offcanvas"
  29. image-service="{{ imageservice }}"
  30. api-url="{{ path('app_get_products')}}"
  31. add-product-url="{{ path('checkout_cart_add_line_item') }}"
  32. id="canvas-cart-related-products"
  33. current-language="{{ storeContext.localeInfo.currentLocale}}"
  34. product-component-class="product-component--small product-component"
  35. element-part="offcanvas-cart"
  36. >
  37. </related-products-tabs>
  39. </div>
  41. </div>
  42. {% endblock %}
  43. {% block offcanvasFooter%}
  44. <div class="offcanvas-cart__actions">
  45. {% include 'components/atoms/text-link/text-link.html.twig' with {
  46. 'class': 'button offcanvas-cart__go-to-cart button--primary',
  47. 'text': 'off_canvas_cart_go_to_cart'|trans,
  48. 'href': path('checkout_cart_index')
  49. } %}
  51. {% include 'components/atoms/button/button.html.twig' with {
  52. 'class': 'offcanvas-cart__more-shopping button--secondary js-off-canvas-cart js-offside js-offside-trigger',
  53. 'content': 'off_canvas_cart_more_shopping'|trans,
  54. 'type': 'button',
  55. 'attributes': {
  56. 'aria-label': 'off_canvas_cart_more_shopping'|trans,
  57. 'data-offside-component': 'offcanvasCart',
  58. 'data-collapse-close-on-body': 'true',
  59. 'data-offside-sliding-side': 'right'
  60. }
  61. } %}
  62. </div>
  63. {% endblock %}
  64. {% endembed %}