Nastavenie doplnku ZADARMO, kontaktujte ma na email info@jakubtursky.sk
Strieborný shoptet partner Jakub Turský

Návod na nastavenie doplnku Úprava tlačidiel

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 Pätičky / Zápatí a druhý do Hlavičky / Záhlaví 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č.

Základne dizajnové prvky

Aktivovať daný doplnok

Zobraziť tlačítka zaoblené

Zobraziť text velkým pismom

Texty pre tlačidlo ,,Do košíka"

Text pre slovenský eshop

Text pre český eshop

Text pre anglický eshop

Text pre nemecky eshop

Text pre maďarský eshop

Text pre rumunský eshop

Text pre poľský eshop

Štýl zobrazenia pre tlačidlo ,,Do košíka"

Zobraziť ikonku u tlačidla

Vybrať pozíciu ikonky

Vybrať typ ikonky

Zobraziť vlastnú ikonku

keď je aktívne treba si pridať URL na vlastný obrázok

Zobraziť vlastnú farbu pozadia

keď je aktívne treba si vybrať aj vlastnú farbu v sekcii ,,Nastavenie css štýlov, farieb"

Texty pre tlačidlo ,,Detail"

Text pre slovenský eshop

Text pre český eshop

Text pre anglický eshop

Text pre nemecky eshop

Text pre maďarský eshop

Text pre rumunský eshop

Text pre poľský eshop

Štýl zobrazenia pre tlačidlo ,,Detail"

Zobraziť ikonku u tlačidla

Vybrať pozíciu ikonky

Vybrať typ ikonky

Zobraziť vlastnú ikonku

keď je aktívne treba si pridať URL na vlastný obrázok

Zobraziť vlastnú farbu pozadia

keď je aktívne treba si vybrať aj vlastnú farbu v sekcii ,,Nastavenie css štýlov, farieb"

Nastavenie css štýlov, farieb ( nepovinné )

Veľkosť zaoblenia tlačidiel

Farba pozadia tlačidla Do košíka

Farba pozadia tlačidla Do košíka po prejdení myšou

Farba textu v tlačidle Do košíka

Farba textu v tlačidle Do košíka po prejdení myšou

Farba pozadia tlačidla Detail

Farba pozadia tlačidla Detail po prejdení myšou

Farba textu v tlačidle Detail

Náhlad

Varianty

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>