Nastavenie doplnku ZADARMO, kontaktujte ma na email info@jakubtursky.sk

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

Pridať kategóriu
Odobrať kategóriu

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é )

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>