VIPA 2023 CSS + Skripts
<style>
button:hover,
.button:hover,
.btn:hover,
.btn-primary:hover,
.products .product .btn:hover {
background-color: #ff0052;
color: #fff;
}
footer {
background: #02a46d1f;
}
/*
#carousel .item:hover > img,
#carousel .item:hover > a > img,
.next-to-carousel-banners .banner-wrapper:hover > img,
.next-to-carousel-banners .banner-wrapper:hover > a > img{
transform: scale(1.015);
}
#carousel .item img {
min-height: unset !important; max-height: 100%;
}
#carousel {
margin-bottom: 0px;
}
.type-index .banners-row .col-sm-8,
.type-index .banners-row .col-sm-4 {
flex: 100%;
max-width: 100%;
}
@media (min-width:768px) {
.next-to-carousel-banners .banner-wrapper {
width: 33%;
margin: 0;
}
}
@media only screen and (max-width: 600px) {
.next-to-carousel-banners .banner-wrapper {
max-width: unset;
}
}
#header #navigation ul.menu-level-1 > li > a,
#header #navigation ul.menu-level-1 > li:first-child a {background-image: url(https://324180.myshoptet.com/user/documents/upload/res/wholesale.svg);
padding-left: 53px;
background-size: 20px 20px;
background-position: 13px center;
background-repeat: no-repeat;}
*/
.flags .flag.flag-new {
background: #f01a5f !important;
}
.flags .flag.flag-tip {
background: #0253a4 !important;
}
.flags .flag.flag-custom1,
.p-image-wrapper .flags-extra .flag.flag.flag-discount,
.flags-extra .flag.flag.flag-discount {
background: #60a270 !important;
}
#header #navigation ul.menu-level-1 > li > a {
padding: 0 12px;
}
.sidebar #categories, .sidebar #filters, .sidebar .box-onlinePayments p, .sidebar .box-login form, .sidebar .top-products, .sidebar .box.client-center-box, .sidebar .box-articles ul, .sidebar .banner ul, .sidebar .box-newsletter form, .sidebar .box-productRating .rate-wrapper, .sidebar .box-cartButton .cart-overview, .sidebar .box-poll, .sidebar .box-section1, .sidebar .search form, .sidebar .box-contact .contact-box ul {
background: #02a46d1f;
}
</style>
<script>
var hpCategoriesUrl = "hp-kategorie";
</script>
<style><!--
.header_cat_wrapper {background: #009965; color: #fff;}
.header_cat_container {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-flow: row wrap;justify-content:space-between;padding: 0 !important;}
/* Fix for Safari width */
.header_cat_container:before, .header_cat_container:after {
width: 100%;
}
@media (max-width: 767px) {
body .navigation-in.menu .container {
padding: 10px !important;
}
.header_cat6 {position:relative;
width: calc(50% - 5px);
padding: 10px;
display: flex;
justify-content: flex-start;
background: #008d5d;
border-radius: 10px;
align-items: center;
}
.header_cat6 a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.header_cat_container {gap: 10px;}
.header_cat6 img {
width: 36px;
margin-right: 10px;
}
.header_cat6 p {font-weight: 600;}
.header_cat6 p span {display: block;
font-size: 20px;
color: #00e295;}
}
@media (min-width: 768px) {
body .navigation-in.menu .container {
padding: 0px !important;
}
.header_cat6 {flex:1;}
.header_cat6 {transition: all 0.5s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
position: relative;
}
.header_cat6 a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.header_cat6 img {width: 46px;}
.header_cat6 p {font-weight: 600;}
.header_cat6 p span {display: block;
font-size: 20px;
color: #00e295;}
.header_cat6:not(:last-child):after {
content: '';
display: block;
height: 50px;
width: 1px;
background: #00e295;
top: 10px;
right: 0;
position: absolute;
border-radius: 100%;
}
}
.header_cat6:hover {background: #008d5d;transition: all 0.5s ease;}
@media (min-width: 768px) and (max-width: 991px) {
.header_cat6 {flex: 33.3334%;}
.header_cat6:nth-child(3):after {display: none;}
}
@media only screen and (max-width: 767px) {
.navigation-window-visible #header #navigation {padding-bottom: 0;}
.header_cat_wrapper {
background: #fff;
}
#navigation ul.menu-level-1:before, .header_cat_wrapper:before {
content: 'Vyberte si z katetgorií...';
color: #008d5d;
font-weight: 600;
display: block;
text-align: center;
padding: 15px;
font-size: 20px;
}
.header_cat_wrapper:before {content:'...a nebo podle typu lovu';}
}
--></style>
--------------------------
<xxxscript>
$(document).ready(function() {
if($(window).width() >= 768) {
$('<div class="header_cat_wrapper"> <div class="header_cat_container container"> <div class="header_cat6"> <a href="/lov-kapru/"></a> <img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/cat_kapr.png'> <p>Lov<span>Kaprů</span></p> </div> <div class="header_cat6"> <a href="/lov-dravcu/"></a> <img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/cat_dravec.png'> <p>Lov<span>Dravců</span></p> </div> <div class="header_cat6"> <a href="/lov-sumcu/"></a> <img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/cat_sumec.png'> <p>Lov<span>Sumců</span></p> </div> <div class="header_cat6"> <a href="/lov-na-mori/"></a> <img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/cat_more.png'> <p>Lov<span>Na moři</span></p> </div> <div class="header_cat6"> <a href="/feeder--plavana/"></a> <img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/cat_feeder.png'> <p>Feeder,<span>Plavaná</span></p> </div> <div class="header_cat6"> <a href="/zimni-rybolov/"></a> <img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/cat_zima.png'> <p>Zimní<span>rybolov</span></p> </div> </div> </div>').insertAfter('#header');
} else {
$('<div class="header_cat_wrapper"> <div class="header_cat_container container"> <div class="header_cat6"> <a href="/lov-kapru/"></a> <img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/cat_kapr.png'> <p>Lov<span>Kaprů</span></p> </div> <div class="header_cat6"> <a href="/lov-dravcu/"></a> <img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/cat_dravec.png'> <p>Lov<span>Dravců</span></p> </div> <div class="header_cat6"> <a href="/lov-sumcu/"></a> <img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/cat_sumec.png'> <p>Lov<span>Sumců</span></p> </div> <div class="header_cat6"> <a href="/lov-na-mori/"></a> <img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/cat_more.png'> <p>Lov<span>Na moři</span></p> </div> <div class="header_cat6"> <a href="/feeder--plavana/"></a> <img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/cat_feeder.png'> <p>Feeder,<span>Plavaná</span></p> </div> <div class="header_cat6"> <a href="/zimni-rybolov/"></a> <img src='https://cdn.myshoptet.com/usr/code.kubanavratil.com/user/documents/upload/res/cat_zima.png'> <p>Zimní<span>rybolov</span></p> </div> </div> </div>').appendTo('.navigation-in.menu');
}
});
</script>