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) {
      .dklabScrolled #content-wrapper {
            margin-top: 131px;
      }
      .dklabScrolled #header {
            position: fixed;
            top: 0px;
            left: 0px;
            z-index: 52;
            width: 100%;
      }
}

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("dklabScrolled");
            } else {
                  $(".overall-wrapper").removeClass("dklabScrolled");
            }
      });
});
</script>

Zlatý Shoptet partner    Oficiální partner
Kontaktujte nás    Naše Shoptet realizace     Tvoříme pro Vás Shoptet doplňky