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í bloku "Produkty teprve připravujeme"

.category-perex.empty-content-category {
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;
}

Dárek zdarma

.flag.flag-gift {
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;
}

Změna barvy ZDARMA

.for-free {
color: #7dc001;
}

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;
}