chg: usr: SWC-89 apply new web design for product list and details
This commit is contained in:
@@ -1,2 +1,85 @@
|
||||
{% sw_extends '@Storefront/storefront/base.html.twig' %}
|
||||
|
||||
{% block base_body %}
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
|
||||
|
||||
<style>
|
||||
.shopware-overlay {
|
||||
background: #189eff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transition: opacity 750ms linear;
|
||||
}
|
||||
|
||||
.shopware-overlay img {
|
||||
position: relative;
|
||||
width: 7em;
|
||||
height: 7em;
|
||||
border: 5px solid #f0efeb;
|
||||
|
||||
z-index: 101;
|
||||
|
||||
animation-name: gently-scale;
|
||||
animation-timing-function: ease-in-out;
|
||||
animation-duration: 2s;
|
||||
animation-iteration-count: infinite;
|
||||
box-shadow: inset 0 0 5px #f0efeb;
|
||||
border-radius: 3.5em;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
{% if activeRoute == 'frontend.home.page' %}
|
||||
<style>
|
||||
header .icon {
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
|
||||
<div id="shopware-overlay" class="shopware-overlay">
|
||||
<img src="{{ asset('/bundles/etailconferencetheme/assets/shopare-logo-only.png') }}" alt="Shopware logo | only">
|
||||
</div>
|
||||
|
||||
{{ parent() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block base_header %}
|
||||
<header class="header-main d-none">
|
||||
{{ block('base_header_inner') }}
|
||||
</header>
|
||||
{% endblock %}
|
||||
|
||||
{% block base_main %}
|
||||
<main class="content-main d-none">
|
||||
{{ block('base_flashbags') }}
|
||||
|
||||
{{ block('base_main_inner') }}
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
||||
{% block base_footer %}
|
||||
<footer class="footer-main d-none">
|
||||
{{ block('base_footer_inner') }}
|
||||
</footer>
|
||||
{% endblock %}
|
||||
|
||||
{% block base_body_classes %}
|
||||
{{ parent() }}
|
||||
|
||||
{% if activeRoute == 'frontend.home.page' %}
|
||||
shopware-bg
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block base_breadcrumb %}{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user