Pokud se nacházíte v situaci, kdy chcete nechat svůj e-shop vypadat co nejprofesionálněji a nejlépe, určitě vás zajímají různé úpravy a vylepšení, které můžete na svém webu provést.
Pokud využíváte platformu Shoptet a chcete využít jednu z nejpopulárnějších šablon Classic, pak vám máme radi, že máme pro vás seznam některých těchto úprav. Tyto úpravy vám umožní dodat vašemu e-shopu přesně ten vzhled a funkčnost, jakou si přejete a co bude nejefektivnější pro vaše potřeby. Prozkoumejte naše možnosti a najděte ten správný styl pro váš e-shop, který bude zajímavý a přitažlivý pro veškeré možné zákazníky.
Kódy, které začínají <style> vložte do Editor – HTML kódy a do sekce Záhlaví. Kódy začínající na <script> vložte na stejné místo, ale do Zápatí.
Pokud máte již nasazené úpravy nebo využíváte některou z šablon ze Shoptet doplňků, může se stát, že úprava nebude fungovat správně.
Změna textu tlačítka "s povinností platby" CLASSIC
<script>
$('.order-button-suffix').text('s nutností platby');
</script>
Skrytí welcome bloku
<style>
.homepage-box.welcome-wrapper {
display: none;
}
</style>
Skrytí ikon v detailu produktu
<style>
.social-buttons-wrapper {
display: none;
}
</style>
Změna barvy kolečka se slevou
<style>
.flag.flag-discount {
background-color: red;
}
.flags-extra .price-standard, .flags-extra .price-save {
color: black;
}
</style>
Přejmenování tlačítka DETAIL
<script>
function VeronikaWorksButton() {
$('.btn-primary:contains(Detail)').text('Novy text');
}
$( document ).ready(function() {
VeronikaWorksButton();
$(document).ajaxSuccess(function(event, request, settings) {
VeronikaWorksButton()
});
});
</script>
Přejmenování souvisejících produktů
<script>
$('.products-related-header').text('Mohlo by se vám líbit');
</script>
Změna šipky na vozík u tlačítka "do košíku"
<style>
.btn.btn-cart::before, a.btn.btn-cart::before, .btn.add-to-cart-button::before, a.btn.add-to-cart-button::before {
content: '\e921';
}
</style>
Změna barvy příznaku TIP
<style>
.flag.flag-tip {
background-color: red !important;
color: white !important;
}
</style>
Změna barvy příznaku NOVINKA
<style>
.flag.flag-new {
background-color: red !important;
color: white !important;
}
</style>
Změna barvy příznaku AKCE
<style>
.flag.flag-action {
background-color: red !important;
color: white !important;
}
</style>