<section class="product-banner"> {% if injectBreadcrumbs is defined and injectBreadcrumbs == true %} {% include "frontend-eforum/_partials/breadcrumbs.html.twig" %} {% endif %} <div class="container container--padding-top"> <div class="row"> <div class="col-lg-6 order-2 product-banner__mobile-description"> <header class="product-header"> <h2 class="product-header__category"> {% if product.categories is not empty %} {{ product.categories|first }} {% endif %} </h2> {% if product.portalSettings is not empty %} <h2 class="product-header__website d-none d-md-block"> <a href="{{ product.portalSettings.domain }}" class="product-header__website-link" target="_blank" > {{ product.portalSettings.domain|replace({'http://': '', 'https://': ''}) }} </a> </h2> {% endif %} {% if product.title is not empty %} <h1 class="product-header__title">{{ product.title }}</h1> {% endif %} {% if product.frontendDescription is not empty %} <p class="product-header__description"> {{ product.frontendDescription|raw }} </p> {% endif %} {% if module.details is defined %} <ul class="product-details"> {% for detail in module.details %} <li class="product-details__item"> {% if detail.icon is defined %} <i class="icon icon--{{ detail.icon }}"></i> {% endif %} {% if detail.text is defined %} {{ detail.text|raw }} {% endif %} </li> {% endfor %} </ul> {% endif %} {% if product.portalSettings is not empty %} <h2 class="product-header__website product-header__website--mobile-app d-block d-md-none"> <a href="{{ product.portalSettings.domain }}" class="product-header__website-link" target="_blank" > {{ product.portalSettings.domain|replace({'http://': '', 'https://': ''}) }} </a> </h2> {% endif %} </header> {% if productVariants is not empty %} <div class="product-form d-none d-md-block"> <header class="product-form__header"> <h3 class="product-form__title">Wybierz swoją wersję</h3> </header> {% for productVariant in productVariants %} {% if productVariant.isPublished == true %} <div class="product-form__group"> <input type="radio" id="product_{{ loop.index }}" name="product" class="product-form__radio" {% if loop.index == 1 %} checked {% endif %} data-productVariantNoComplete="{{ productVariant.productVariantNoComplete }}" data-subname="{{ productVariant.tradeName }}" data-productAssociationId="{{ product.id }}" data-redirecttocart="false" data-hidesuccessalert="false" data-pixel="{{ fbPixelTrack('AddToCart', productVariant.id)|raw }}" {% if product.checkCouponDefault(productVariant) %} data-pricenet="{{ productVariant.getFullPriceAfterCoupon('net', product.couponDefault, true) }}" data-pricegross="{{ productVariant.getFullPriceAfterCoupon('gross', product.couponDefault, true) }}" {% else %} data-pricenet="{{ productVariant.getFullPrice('net', true) }}" data-pricegross="{{ productVariant.getFullPrice('gross', true) }}" {% endif %} > <label for="product_{{ loop.index }}" class="product-form__product"> <h3 class="product-form__product-name"> {{ productVariant.tradeName }} <small>{{ productVariant.technicalInformations|raw }}</small> </h3> <h3 class="product-form__product-price"> {{ productVariant.getFullPrice('net', true) }} zł netto <small>{{ productVariant.getFullPrice('gross', true) }} zł brutto</small> </h3> </label> </div> {% endif %} {% endfor %} <footer class="product-form__footer {{ source is defined and source == 'modal' ? 'product-form__footer--modal row' : '' }}"> {% if source is not defined or source != 'modal' %} <a href="#" class="product-form__info jsToggleProductPreview" data-url="{{ path('efProductPreview', {'productAssociationId': product.id, 'type': 'subscriptions'}) }}" tabindex="0" > {% if module.modalButtonText is defined %} {{ module.modalButtonText }} {% else %} Czym różnią się prenumeraty? {% endif %} </a> {% else %} <div class="col-12 col-lg-7"> <a href="{{ path('efShowProduct', { 'categorySlug' : product.getParentCategorySlug, 'categoryChildSlug': product.getCategorySlug, 'productAssociationSlug' : product.slug}) }}" class="button button--bordered button--with-arrow button--fluid" > Więcej o produkcie </a> </div> {% endif %} <div {{ source is defined and source == 'modal' ? 'class="col-12 col-lg-5"' : '' }}> <button class="button button--blue button--with-arrow addToCart" id="add-to-cart-top" type="button" > Dodaj do koszyka </button> </div> </footer> </div> {% endif %} </div> <div class="col-lg-6 order-1"> <header class="product-carousel"> <div class="carousel product-carousel" id="{% if isModal is defined %}product-carouselInModal{% else %}product-carousel{% endif %}"> {% for movie in product.productMovies %} <div class="carousel__item product-carousel__item"> {% if movie.link is not empty %} <iframe width="560" height="315" src="{{ movie.link|embedMovieLink }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen> </iframe> {% endif %} </div> {% endfor %} {% for image in product.productImages %} <div class="carousel__item product-carousel__item"> {% if image.image is not empty %} <img class="product-carousel__image" src="{{ vich_uploader_asset(image, 'imageFile') }}" alt="" > {% endif %} </div> {% endfor %} </div> <div style="text-align: center; margin-top: 10px;"> {% if product.previewFragment is not empty %} <a href="{{ vich_uploader_asset(product, 'previewFragmentFile') }}" target="_blank" class="button button--bordered button--with-arrow" > {% if module.previewFragmentText is defined %} {{ module.previewFragmentText }} {% else %} Przeczytaj fragment {% endif %} </a> {% endif %} </div> <nav class="product-carousel-nav" id="{% if isModal is defined %}product-carousel-navInModal{% else %}product-carousel-nav{% endif %}"> <div class="product-list__slider d-none d-md-block" data-right-arrow = "true"> {% for movie in product.productMovies %} <div class="product-carousel-nav__item product-carousel-nav__item--with-video"> {% if movie.thumbnail is not empty %} <img src="{{ vich_uploader_asset(movie, 'thumbnailFile') }}" alt="" class="product-carousel-nav__image product-carousel-nav__image--with-video" > {% else %} <img src="{{ movie.link|thumbnailUrl }}" alt="" class="product-carousel-nav__image product-carousel-nav__image--with-video" > {% endif %} </div> {% endfor %} {% for image in product.productImages %} <div class="product-carousel-nav__item"> <img src="{{ vich_uploader_asset(image, 'imageFile') }}" alt="" class="product-carousel-nav__image" > </div> {% endfor %} </div> </nav> </header> </div> </div> </div></section>