{% sw_extends '@Storefront/storefront/page/content/index.html.twig' %}{% block base_main_inner %} {% include '@WebkulMVMarketplace/storefront/vue-components/public-profile/style.html.twig' %} <div class="profile-container container"> {% block seller_profile_banner %} {% sw_include '@MrpixShoppingCity/storefront/component/seller/profile-banner.html.twig' with { seller: profileDetails } %} {% endblock %} <div class="profile-center-container"> {% block seller_profile_details %} <div class="shop-details"> {% block seller_profile_details_icon %} {% sw_include '@MrpixShoppingCity/storefront/component/seller/profile-icon.html.twig' with { seller: profileDetails } %} {% endblock %} {% block seller_profile_title %} <div class="shop-title"> <h3>{{ profileDetails.storeTitle }}</h3> {% block seller_profile_social_links %} {% for socialLink in profileDetails.socialSites %} {% if socialLink.name == "facebook" %} <a href="{{ socialLink.url }}" target="_blank" class="fa fa-facebook fa-lg"></a> {% elseif socialLink.name == "twitter" %} <a href="{{ socialLink.url }}" target="_blank" class="fa fa-twitter fa-lg"></a> {% elseif socialLink.name == "insta" %} <a href="{{ socialLink.url }}" target="_blank" class="fa fa-instagram fa-lg"></a> {% elseif socialLink.name == "youtube" %} <a href="{{ socialLink.url }}" target="_blank" class="fa fa-youtube fa-lg"></a> {% elseif socialLink.name == "vimeo" %} <a href="{{ socialLink.url }}" target="_blank" class="fa fa-vimeo fa-lg"></a> {% elseif socialLink.name == "pinterest" %} <a href="{{ socialLink.url }}" target="_blank" class="fa fa-pinterest fa-lg"></a> {% elseif socialLink.name == "instagram" %} <a href="{{ socialLink.url }}" target="_blank" class="fa fa-instagram fa-lg"></a> {% endif %} {% endfor %} {% if profileDetails.email %} <div> {% sw_icon 'icon_mail' style { 'namespace': 'MrpixShoppingCityTheme', 'pack': 'shopping-city', 'size': 'sm' } %} {{ profileDetails.email }} </div> {% endif %} {% if profileDetails.extensions.sellerInformation and profileDetails.extensions.sellerInformation.website %} <div> {% sw_icon 'icon_web' style { 'namespace': 'MrpixShoppingCityTheme', 'pack': 'shopping-city', 'size': 'sm' } %}<a href="{{ profileDetails.extensions.sellerInformation.website }}" class="website"> {{ profileDetails.extensions.sellerInformation.website }} </a> </div> {% endif %} {% if profileDetails.phone %} <div> {% sw_icon 'icon_phone' style { 'namespace': 'MrpixShoppingCityTheme', 'pack': 'shopping-city', 'size': 'sm' } %}{{ profileDetails.phone }}</div> {% endif %} {% if profileDetails.storeAddress %} <div> {% sw_icon 'icon_address' style { 'namespace': 'MrpixShoppingCityTheme', 'pack': 'shopping-city', 'size': 'sm' } %}{{ profileDetails.storeAddress }}</div> {% endif %} {% endblock %} {% block seller_profile_properties %} <div class="d-none d-lg-block"> {% sw_include '@MrpixShoppingCity/storefront/component/seller/profile-properties.html.twig' with { seller: profileDetails } %} </div> {% endblock %} </div> {% endblock %} </div> {% endblock %} {% block seller_profile_properties_mobile %} <div class="d-lg-none seller-properties-mobile"> {% sw_include '@MrpixShoppingCity/storefront/component/seller/profile-properties.html.twig' with { seller: profileDetails } %} </div> {% endblock %} {% block seller_profile_details_owner %} <div class="shop-owner-details"> {% sw_include '@MrpixShoppingCity/storefront/component/seller/profile-opening-times.html.twig' with { seller: profileDetails } %} {% sw_include '@MrpixShoppingCity/storefront/component/seller/profile-owner.html.twig' with { seller: profileDetails } %} </div> {% endblock %} </div> {% block seller_profile_about_us %} {% if profileDetails.storeDescription or profileDetails.extensions.medias is not null %} <div class="profile-about-us"> <h4 class="about-us-headline">{{ 'mrpixShoppingCity.detail.aboutUsHeadline'|trans|sw_sanitize }}</h4> {% if profileDetails.storeDescription %} {{ profileDetails.storeDescription }} {% endif %} {% if profileDetails.extensions.medias is not null and profileDetails.extensions.medias.elements|length > 0 %} {% sw_include '@MrpixShoppingCity/storefront/component/seller/about-us-slider.html.twig' with { images: profileDetails.extensions.medias.elements } %} {% endif %} </div> {% endif %} {% endblock %} {% block seller_profile_similar_sellers %} {% if similarSellers and similarSellers|length > 0 %} <div class="similar-sellers"> <div class="similar-sellers-container-headline text-center"> <h2>{{ 'mrpixShoppingCity.detail.similarSellersHeadline'|trans|sw_sanitize }}</h2> </div> {% set listingColumns = 'col-sm-6 col-lg-4 col-xl-3 seller-col' %} <div class="similar-sellers-container row cms-listing-row js-listing-wrapper"> {% for seller in similarSellers %} <div class="cms-listing-col {{ listingColumns }}"> {% block seller_profile_similar_sellers_box %} {% sw_include '@MrpixShoppingCity/storefront/component/seller/seller-box.html.twig' with { 'seller': seller } %} {% endblock %} </div> {% endfor %} </div> </div> {% endif %} {% endblock %} </div>{% endblock %}