Doplnok TOP kategórie
Ukážte vašim budúcim klientom, ktoré vaše kategórie sú jednoducho NAJ! Najpredávanejšie, najobľúbenejšie, najlacnejšie - či už chcete prezentovať akcie, poskytovať zľavy, alebo akýmkoľvek iným spôsobom premeniť návštevu klienta na vašom e-shope na konverziu, teda nákup.
Nižšie si viete nastaviť svoj vlastný vzhľad doplnku, počas úprav sa Vám budú výsledné kódy automaticky generovať na konci stránky v sekci Váš výsledný kód. Prípadne si skopírujte a vložte len samostatnú položku ktorá sa Vám zobrazí pri každej jednej funkcii.
Tieto kody následne vložíte v administrácii do textového poľa.
Prvý do Hlavičky / Záhlaví a druhý do Pätičky / Zápatí na podstránke "Vzhľad a obsah" – "Editor" – "HTML kód"
Máte otázky alebo potrebujete pomoc s nastavením doplnku? Kontaktujte autora doplnku na: info@jakubtursky.sk , alebo v pracovných dňoch od 9:00 - 17:00 telefonicky na +421 917 374 177 . Pomôžem vám s nastavením doplnku.
Pre efektivnejšiu prácu s generátorom použite počítač.
Vyber podkategórii ( URL adries )
- Len podkategorie
- Vlastné podkategorie z obrázkom
Do daných políčok zadajte URL adresy daných podkategorii, ktoré nájdete v sekcii kategória pri konkrétnej podkategorie. Musíte mať taktiež povolené rozbalenie týchto kategorii v administrácii v sekcii vzhľad a obsah -> menu
Do daných políčok zadajte URL adresy na obrázok, odkaz na kategoriu a názov kategorie. Odkaz na danú podkategoriu nájdete v sekcii kategória pri konkrétnej podkategorie. Obrázky si pridajte v správcovi suborov a následne aj tam získate odkaz na obrázok.
Podkategória
Váš výsledný kód s vybranými podkategoriami, ktorý vložíte ( nahradíte aktuálnym ) do pätičky / zápati( sekcia Editor -> HTML kód )
<script>
// Vyber podkategórii
var topCategoryAddonMenuItem = ["smartfony","iphone","samsung","huawei","macbook","samsung-3","","","","","",""];
</script>
Výber počtu zobrazených položiek
Základne dizajnové prvky
Štýl zobrazenia
Slider
Nastavenie css štýlov, farieb ( nepovinné )
Náhlad
.jpg)
.jpg)
.jpg)
Váš výsledný kód, ktorý vložíte do pätičky / zápati( sekcia Editor -> HTML kód )
<script>
// Vyber podkategórii
var topCategoryAddonMenuItem = ["smartfony","iphone","samsung","huawei","macbook","samsung-3","","","","","",""];
// Výber počtu zobrazených položiek
var topCategoryAddonSectionTitle = "TOP kategórie";
var topCategoryAddonMenuItemCount = 6;
var topCategoryAddonMenuItemCountMobile = 6;
var topCategoryAddonMenuItemColumns = 6;
var topCategoryAddonMenuItemColumnsMobile = 3;
// Základne dizajnové prvky
var topCategoryAddonMenuShort = true;
var topCategoryAddonMenuMore = true;
var topCategoryAddonBorder = true;
var topCategoryAddonBorderRadius = false;
var topCategoryAddonBoxShadow = false;
// Štýl zobrazenia
var topCategoryAddonMenuStyleGrayBg = true;
var topCategoryAddonMenuStyleRow = false;
var topCategoryAddonItemsShortHeight = false;
// Nastavenie pre slider
var topCategoryAddonSliderAutoplayTime = 3000;
var topCategoryAddonSliderMenuItemCount = 5;
var topCategoryAddonSliderMenuItemCountMobile = 2;
var topCategoryAddonSliderGutter = 20;
var topCategoryAddonSlider = false;
var topCategoryAddonSliderStyle1 = false;
var topCategoryAddonSliderAutoplay = false;
var topCategoryAddonSliderArrowsBottom = false;
</script>
Váš výsledný kód, ktorý vložíte do hlavičky / záhlaví( sekcia Editor -> HTML kód )
<style>
:root {
--border-radius-top-category: 10px;
--color-top-category-black: #666666;
--color-top-category-black-hover: #333333;
--color-top-category-gray: #b2b2b2;
--border-color-top-category: #e2e2e2;
--background-color-menu-style-1-top-category: #fbfbfb;
--background-color-arrow-top-category: #f1f1f1;
--background-color-arrow-top-category-hover: #e2e2e2;
--background-color-slider-style-1-top-category: #e2e2e2;
--background-color-slider-style-1-top-category-hover: var(--color-primary);
--color-slider-style-1-top-category: #666666;
--color-slider-style-1-top-category-hover: #ffffff;
}
</style>