Lorem ipsum

!!! Kódy pro Classic !!!

Kódy pro šablonu Classic

Drobné CSS úpravy pro šablonu Classic platformy Shoptet, které jsou od nás zdarma.

Zápis kódů

Veškeré kódy zapisujte mezi element <style>, například takto:

<style type="text/css">
      kód 1
      kód 2
      kód 3
      ...
</style>

Konkrétně například:

<style type="text/css">
      .flag.flag-action {
            background-color: #e94b4b;
      }
      .flag.flag-new {
            background-color: #7ad046;
      }
</style>

Hlavička

Skrytí všech kontaktů

.top-navigation-contacts {
      display: none !important;
}

Skrytí e-mailu

.top-navigation-contacts .project-email {
      display: none !important;
}

Skrytí telefonu

.top-navigation-contacts .project-phone {
      display: none !important;
}

Skrytí lišty informace pro Vás

.top-navigation-menu {
      display: none !important;
}

Výpis produktů

Popis kategorie pod hlavním nadpisem

.type-category #content {
      display: flex;
      flex-direction: column;
}
.type-category #content h1 {
      order: -2;
}
.type-category #content .category-perex {
      order: -1;
}

Skrytí filtru skladové dostupnosti

label[for="stock"] {
      display: none !important;
}

Skrytí filtru skladové dostupnosti a všech příznaků (akce, novinka ...)

.filter-sections>.filter-section.filter-section-default {
      display: none !important;
}

Detail produktu

Související produkty za popisem produktu

#content .p-detail {
      display: flex;
      flex-direction: column;
}
#content .p-detail .products-related-header {
      order: 30;
}
#content .p-detail .products-related.products-additional {
      order: 31;
}
#content .p-detail .browse-p {
      order: 32;
}

Podobné produkty za popisem produktu

.shp-tabs-row a[href$="#productsAlternative"] {
      display: none !important;
}
#tab-content {
      display: flex;
      flex-direction: column;
}
#productsAlternative
 {
      display: block !important;
      opacity: 1 !important;
      order: 99;
}
#productsAlternative:before {
      content: 'Podobné produkty';
      font-size: 140%;
      margin-top: 30px;
      display: block;
}

Barvy příznaků a atributů

Akce

.flag.flag-action {
      background-color: #e94b4b;
}

Novinka

.flag.flag-new {
      background-color: #7ad046;
}

Tip

.flag.flag-tip {
      background-color: #59d6e4;
}

Sleva

.flag.flag-discount {
      background-color: #1d7af8;
}

Doprava zdarma

.flag.flag-freeshipping {
      background-color: #aed721;
}

Ostatní

Změna barvy nadpisu:

(h1 je nadpis 1, pro změnu nadpisu 2, nadpisu 3 atd. změňte číslo)

#content h1 {
      color: #666666;
}

Filtr v levém menu před kategoriemi

.sidebar-inner {
      display: flex;
      flex-direction: column;
}
.filters-wrapper {
      order: -1;
}

Skrytí loga v liště bannerů patičky a roztáhnutí lišty:

#footer .footer-rows .site-name {
      display: none;
}
#footer .custom-footer {
      padding-left: 0px !important;
}

Skrytí provizního programu

.login-widget ul.user-action-tabs {
      display: none !important;
}
.in-login .content-inner>form:nth-of-type(2), .in-login .content-inner>h1:nth-of-type(2) {
      display: none !important;
}

Sticky hlavička

Kód do <style> hlavičky:

@media screen and (min-width: 1200px) {
.sticky #content-wrapper {
margin-top: 131px;
}
.sticky #header {
position: fixed;
top: 0px;
left: 0px;
z-index: 52;
width: 100%;
}
}
/* Sticky header */

Kód do patičky:

<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function () {
st = $(document).scrollTop();
if ($(this).scrollTop() > 27) {
$(".overall-wrapper").addClass("sticky");
} else {
$(".overall-wrapper").removeClass("sticky");
}
});
});
</script>