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

var customProductButton = true

Zobraziť tlačítka zaoblené

var customProductButtonRadius = false

Zobraziť text velkým pismom

var customProductButtonTextUppercase = false

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

var customProductButtonClassicIcon = true

Vybrať pozíciu ikonky

var customProductButtonClassicIconPosition = "left"

Vybrať typ ikonky

var customProductButtonClassicIconType = "cart-1"

Zobraziť vlastnú ikonku

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

var customProductButtonClassicIconImage = ""

Zobraziť vlastnú farbu pozadia

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

var customProductButtonClassicBG = false

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

var customProductButtonDetailIcon = true

Vybrať pozíciu ikonky

var customProductButtonDetailIconPosition = "right"

Vybrať typ ikonky

var customProductButtonDetailIconType = "arrow-1"

Zobraziť vlastnú ikonku

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

var customProductButtonDetailIconImage = ""

Zobraziť vlastnú farbu pozadia

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

var customProductButtonDetailBG = false

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

Veľkosť zaoblenia tlačidiel

--product-button-border-radius: 10px

Farba pozadia tlačidla Do košíka

--product-button-classic-BG: #556fd1

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

--product-button-classic-BG-hover: #415ecc

Farba textu v tlačidle Do košíka

--product-button-classic-color: #ffffff

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

--product-button-classic-color-hover: #ffffff

Farba pozadia tlačidla Detail

--product-button-detail-BG: #556fd1

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

--product-button-detail-BG-hover: #415ecc

Farba textu v tlačidle Detail

--product-button-detail-color: #ffffff

Farba textu v tlačidle Detail

--product-button-detail-color-hover: #ffffff

Náhlad

Varianty

Váš výsledný kód, ktorý vložíte do pätičky / zápati( sekcia Editor -> HTML kód )


														
																	
														
														
																	
														
<script>
														// Základne dizajnové prvky
			
			var customProductButton = true;
			
			
			var customProductButtonRadius = false;
			
			
			var customProductButtonTextUppercase = false;
			
// Texty pre tlačidlo Do košíka
					
					var customProductButtonClassicTextLang = {sk:"Do košíka",cs:"Do košíku"};
				
// Štýl zobrazenia pre tlačidlo Do košíka
						
						var customProductButtonClassicIconImage = "";
					
			
			var customProductButtonClassicIcon = true;
			
			
			var customProductButtonClassicIconPosition = "left";
			
			
			var customProductButtonClassicIconType = "cart-1";
			
			
			var customProductButtonClassicBG = false;
			
// Texty pre tlačidlo Detail
					
					var customProductButtonDetailTextLang = {sk:"Varianty",cs:"Varianty"};
				
// Štýl zobrazenia pre tlačidlo Do košíka
						
						var customProductButtonDetailIconImage = "";
					
			
			var customProductButtonDetailIcon = true;
			
			
			var customProductButtonDetailIconPosition = "right";
			
			
			var customProductButtonDetailIconType = "arrow-1";
			
			
			var customProductButtonDetailBG = false;
			

</script>

Váš výsledný kód, ktorý vložíte do hlavičky / záhlaví( sekcia Editor -> HTML kód )


														
																	
														
														
																	
														
<style>
:root {
														/* Nastavenie štýlov, farieb*/
						
						--product-button-border-radius: 10px;
					
						
						--product-button-classic-BG: #556fd1;
					
						
						--product-button-classic-BG-hover: #415ecc;
					
						
						--product-button-classic-color: #ffffff;
					
						
						--product-button-classic-color-hover: #ffffff;
					
						
						--product-button-detail-BG: #556fd1;
					
						
						--product-button-detail-BG-hover: #415ecc;
					
						
						--product-button-detail-color: #ffffff;
					
						
						--product-button-detail-color-hover: #ffffff;
					
}
</style>