Vytváření cenových tabulek pro vaše produkty online je snazší než kdy dříve. Vytvořte tolik tabulek, kolik chcete, a ovládejte ceny a funkce každé pomocí modulu Cenové tabulky WordPress téma Divi. Můžete dokonce vymyslet konkrétní plán na zvýšení konverzí. I když váš modul obsahuje více cenových tabulek, bude s ním zacházeno jako s jedním modulem a lze jej umístit pod libovolnou velikost sloupce.

Jak přidat modul Rate Tables na svou stránku

Než budete moci na svou stránku přidat modul Tabulky cen, musíte nejprve přejít do Divi Builderu. Jednou Divi téma nainstalované na vašem webu, všimnete si tlačítka Použijte nástroj Divi Builder nad editorem příspěvků, kdykoli vytvoříte novou stránku. Kliknutím na toto tlačítko aktivujete Divi Builder a získáte přístup ke všem modulům Divi Builder. Poté klikněte na tlačítko Použijte Visual Builder pro spuštění generátoru ve vizuálním režimu. Můžete také kliknout na tlačítko Použijte Visual Builder při procházení webu v popředí, pokud jste připojeni k hlavnímu panelu WordPress.

Jakmile zadáte Visual Builder, můžete kliknutím na šedé tlačítko plus přidat nový modul na svou stránku. Nové moduly lze přidávat pouze do řádků. Pokud začínáte novou stránku, nezapomeňte nejprve přidat na stránku řádek.

Vyhledejte modul cenových tabulek v seznamu modulů a kliknutím na něj jej přidejte na svou stránku. Seznam modulů je prohledávatelný, což znamená, že můžete také zadat slovo „cenové tabulky“ a poté kliknout na „zadat“ pro automatické vyhledávání a přidání modulu cenových tabulek! Jakmile je modul přidán, budete uvítáni seznamem možností modulu. Tyto možnosti jsou rozděleny do tří hlavních skupin: Obsah , Design et pokročilý .

Případ použití: Přidejte cenovou tabulku pro stránku produktu

Když uděláte podpora vašich produktů na vstupní stránce, mohou cenové tabulky efektivně předvést vaše různé cenové možnosti.

V tomto příkladu přidám modul cenové tabulky k zobrazení tří cenových plánů (nebo tabulek), přičemž jeden z těchto plánů vystupuje jako doporučený plán, aby se zvýšil počet konverzí.

Nejprve přidejte na stránku novou pravidelnou sekci, kde by se měly zobrazovat cenové tabulky. Přidejte do sekce řádek o celé šířce (1 sloupec) a vložte do něj modul Cenové tabulky.

V nastavení cenových tabulek klikněte na kartě Obsah na + Přidat novou položku přidat první tabulku.

Aktualizujte parametry tabulky cen takto:

Možnosti obsahu

Název: Osobní měna: $ Podle: rok Cena: 69 Text tlačítka: Registrace Obsah:

Přístup ke všem tématům Neustálé aktualizace motivů Prémiová technická podpora -Přístup ke všem pluginům -Soubory překryvného obchodu -Žádný roční poplatek

URL tlačítka: [zadejte URL tlačítka] Pozadí: #ffffff

Možnosti návrhu

Cena Barva textu: # 3e51b5 Použít vlastní styly tlačítek: ANO Barva textu tlačítka: #ffffff Barva tlačítka: # 3e51b5 Šířka tlačítka: 0px

Uložte nastavení

Nyní duplikujte cenovou tabulku, kterou jste právě vytvořili, aby byly celkem tři cenové tabulky.

Pro střední cenovou tabulku aktualizujte následující možnosti:

Karta Obsah

Název: Vývojář Cena: 89 Obsah: Přístup ke všem tématům Neustálé aktualizace motivů Prémiová technická podpora Přístup ke všem vrstvám souborů Photoshopu - bez ročního poplatku URL tlačítka: [zadejte URL tlačítka]

Karta Návrh

Barva textu: # 0091ca Barva tlačítka: # 0091ca

Pro třetí cenovou tabulku aktualizujte nastavení následovně:

Karta Obsah

Název: Celoživotní cena: 249 Text tlačítka: Přihlásit se k obsahu: Přístup ke všem tématům Neustálé aktualizace motivů Prémiová technická podpora Přístup ke všem pluginům Vrstvené soubory Photoshopu Bez ročního poplatku URL tlačítka: [zadejte URL knoflík]

Uložte nastavení

Nyní se vraťte k nastavení tabulky cen a aktualizujte následující:

Možnosti obsahu

Doporučená barva pozadí tabulky: #0091ca

Možnosti návrhu

Barva koule: # 3e51b5 Doporučená barva tabulky: # 0091ca

Uložte nastavení

Nyní se vraťte zpět a upravte nastavení sekce tak, aby sekce získala barvu pozadí #3e51b5.

To je vše. Nyní máte cenovou tabulku se třemi možnostmi, přičemž střední možnost je nastavena jako doporučená položka, která vyniká nad ostatními.

Možnosti obsahu pro tabulky cen

Na kartě obsah najdete všechny prvky obsahu modulu, například text, obrázky a ikony. Vše, co ovládá co ve vašem modulu se vždy najde na této kartě.

+ Přidat nový článek

Zde přidáte do svého modulu nové tabulky cen. Kliknutím na „+ přidat novou položku“ se otevře zcela nový seznam návrhových možností specifických pro danou cenovou tabulku. Níže najdete individuální nastavení tabulky cen.

Po přidání první karty se zobrazí šedý pruh s názvem tabulky cen ve formě štítku. Šedá lišta má také tři tlačítka, která umožňují upravovat, duplikovat nebo mazat tabulku.

Zobrazit kuličku

Ve výchozím nastavení se položky tabulky cen zobrazují jako seznamy s odrážkami. Pokud chcete odstranit odrážky ze seznamu funkcí, můžete tuto možnost vypnout.

Barva pozadí vybrané tabulky

Každá cenová tabulka může být „prezentována“. Doporučené tabulky jsou zvýrazněny v řádku, který je odlišuje od ostatních možností. Pomocí tohoto nastavení můžete změnit barvu pozadí pouze pro vybrané tabulky.

Barva pozadí záhlaví tabulky

Nad každou cenovou tabulkou je oblast záhlaví, která obsahuje název a podnadpis vaší tabulky. Barvu pozadí této oblasti můžete ovládat nezávisle na barvě pozadí hlavní tabulky výběrem požadované barvy z výběru barev.

Hlavní záhlaví tabulky

Každá tabulka cen může být „doporučena“. Doporučené tabulky jsou zvýrazněny v řádku, který je odlišuje od ostatních možností. Pomocí tohoto nastavení můžete změnit barvu pozadí záhlaví pouze pro vybrané tabulky.

Barva pozadí

Ve výchozím nastavení mají tabulky cen bílou barvu pozadí. Pokud chcete použít jinou barvu pozadí cenové tabulky, můžete zde nastavit vlastní barvu pomocí nástroje pro výběr barev.

Správce štítku

Tím se změní štítek modulu v konstruktoru pro snadnou identifikaci. Když použijete pohled WireFrame ve Visual Builderu, tyto popisky se zobrazí v bloku modulu rozhraní Divi Builder.

Možnosti návrhu tabulky cen

Na kartě Návrh najdete všechny možnosti stylingu modulu, například písma, barvy, velikost a mezery. Toto je karta, kterou použijete ke změně vzhledu vašeho modulu. Každý modul Divi má dlouhý seznam nastavení designu, pomocí kterého můžete cokoli změnit.

zarovnání

Ve výchozím nastavení jsou seznamy funkcí v cenové tabulce zarovnány doleva. Chcete-li je zarovnat, můžete tuto možnost aktivovat.

Odstraňte vržený stín z vybrané tabulky

Ve výchozím nastavení mají tabulky cen za každou tabulkou jemný stín. Pokud chcete tento stín odstranit, můžete tuto možnost povolit.

Články ze seznamu v centru

Zde si můžete vybrat, aby se položky uvedené v tabulce vycentrovaly.

Barva míče

Ve výchozím nastavení zdědí odrážky v seznamu cenových tabulek barvu zvýraznění motivu. Pokud chcete použít jinou barvu, můžete ji zde nastavit pomocí nástroje pro výběr barvy.

Barva doporučené tabulky

Pokud chcete pro odrážky v cenových tabulkách použít jinou barvu, můžete tu tuto barvu nastavit pomocí nástroje pro výběr barev.

Doporučená barva textu záhlaví tabulky

Tato možnost řídí barvu barvy textu záhlaví tabulky. Pokud změníte barvu pozadí záhlaví tabulky, můžete také změnit tuto možnost, abyste zajistili čitelnost.

Hlavové písmo

Písmo textu záhlaví můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také přizpůsobit pomocí možností tučně, kurzíva, velká a velká písmena a podtržení.

Velikost písma záhlaví

Zde můžete upravit velikost textu záhlaví. Tažením posuvníku rozsahu můžete zvětšit nebo zmenšit velikost textu nebo přímo zadat požadovanou hodnotu velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Barva textu záhlaví

Ve výchozím nastavení se všechny barvy textu v Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu textu záhlaví, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.

Mezery v záhlaví

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem v textu záhlaví, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Výška řádku záhlaví

Výška řádku ovlivňuje mezeru mezi každým řádkem textu záhlaví. Chcete-li zvětšit mezeru mezi každým řádkem, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupní pole napravo od kurzoru. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Barva textu doporučené tabulky

Tím se změní barva hlavního textu vaší vybrané tabulky. Pokud změníte barvu pozadí tabulky, bude pravděpodobně nutné změnit tuto možnost, aby byla zajištěna čitelnost.

Body font

Písmo těla můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také upravit pomocí možností tučně, kurzíva, velká a velká písmena a podtržení.

Velikost písma těla

Zde můžete upravit velikost textu. Tažením posuvníku rozsahu můžete zvětšit nebo zmenšit velikost textu nebo přímo zadat požadovanou hodnotu velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Barva textu těla

Ve výchozím nastavení se všechny barvy textu v Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu textu, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.

Rozestup tělových písmen

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi jednotlivými písmeny v textu, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Výška linie těla

Výška řádku ovlivňuje mezeru mezi každým řádkem textu v těle Chcete-li zvětšit mezeru mezi každým řádkem, upravte mezeru pomocí posuvníku rozsahu nebo do vstupního pole zadejte požadovanou velikost mezery. umístěný napravo od kurzoru. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Barva textu podtitulku tabulky

Tím se změní barva textu titulků pro vaši doporučenou tabulku. Pokud změníte barvu pozadí tabulky, bude pravděpodobně nutné změnit tuto možnost, aby byla zajištěna čitelnost.

Písmo titulků

Písmo textu titulků můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také přizpůsobit pomocí možností tučně, kurzíva, velká a velká písmena a podtržení.

Velikost písma titulků nebo titulků

Zde můžete upravit velikost textu podnadpisu. Tažením posuvníku rozsahu můžete zvětšit nebo zmenšit velikost textu nebo přímo zadat požadovanou hodnotu velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Barva textu v záhlaví

Ve výchozím nastavení se všechny barvy textu v souboru Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu textu titulků, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.

Mezery mezi hlavicemi

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem v textu titulku, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Výška řádku pod záhlavím

Výška řádku ovlivňuje mezeru mezi každým řádkem textu titulku. Chcete-li zvětšit mezeru mezi jednotlivými řádky, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Měna Měna a frekvence

Písmo a frekvenci měny můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také přizpůsobit pomocí možností tučně, kurzíva, velká a velká písmena a podtržení.

Měna Velikost a frekvence měny

Zde můžete upravit velikost měny a text frekvence. Tažením posuvníku rozsahu můžete zvětšit nebo zmenšit velikost textu nebo přímo zadat hodnotu požadované velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Barva a frekvence textu měny

Ve výchozím nastavení se všechny barvy textu v souboru Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu textu své měny a frekvence, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.

Rozestup dopisů a měn

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem v textu měny a frekvence, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Linka měny kmitočtu

Výška řádku ovlivňuje mezeru mezi každým řádkem textu vaší měny a frekvence. Chcete-li zvětšit mezeru mezi každým řádkem, upravte mezeru pomocí posuvníku rozsahu nebo zadejte do pole požadovanou velikost mezery napravo od kurzoru. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Doporučená barevná cena

Tím se změní barva cen vaší vybrané tabulky. Pokud změníte barvu pozadí tabulky, bude pravděpodobně nutné změnit tuto možnost, aby byla zajištěna čitelnost.

Cena policie

Písmo cenového textu můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také přizpůsobit pomocí možností tučně, kurzíva, velká a velká písmena a podtržení.

Cena Velikost písma

Zde můžete upravit velikost textu ceny. Tažením posuvníku rozsahu můžete zvětšit nebo zmenšit velikost textu nebo přímo zadat požadovanou hodnotu velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Barva textu ceny

Ve výchozím nastavení se všechny barvy textu v souboru Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu textu ceny, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.

Rozestup cenových dopisů

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem v textu ceny, použijte posuvník rozsahu k úpravě mezery nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Výška cenové linie

Výška řádku ovlivňuje mezeru mezi každým řádkem textu ceny. Chcete-li zvětšit mezeru mezi každým řádkem, upravte mezeru pomocí posuvníku rozsahu nebo do vstupního pole zadejte požadovanou velikost mezery. umístěný napravo od kurzoru. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Použijte okraj

Povolením této možnosti umístíte ohraničení kolem vašeho modulu. Toto ohraničení lze přizpůsobit pomocí následujících podmíněných parametrů.

Barva hranice

Tato možnost ovlivňuje barvu ohraničení. Vyberte vlastní barvu z výběru barev a použijte ji na svůj okraj.

Šířka hranice

Ve výchozím nastavení jsou ohraničení široká 1 pixel. Tuto hodnotu můžete zvýšit přetažením posuvníku rozsahu nebo zadáním vlastní hodnoty do vstupního pole vpravo od posuvníku. Podporovány jsou vlastní měrné jednotky, což znamená, že můžete změnit výchozí jednotku z „px“ na něco jiného, ​​jako em, vh, vw atd.

Styl okraje

Okraje podporují osm různých stylů: plný, tečkovaný, dvojitý, drážka, hřeben, překrytí a začátek. Vyberte požadovaný styl z rozevírací nabídky a použijte jej na svůj okraj.

Pro tlačítko použijte vlastní styly

Povolení této možnosti odhalí různá nastavení přizpůsobení tlačítek, která můžete použít ke změně vzhledu tlačítka vašeho modulu.

Velikost textu tlačítka

Toto nastavení lze použít ke zvětšení nebo zmenšení velikosti textu v tlačítku. Tlačítko se přizpůsobuje, jak se zvětšuje a zmenšuje velikost textu.

Barva textu tlačítka

Ve výchozím nastavení přijímají tlačítka barvu zvýraznění motivu, jak je definována v nástroji Customizer Theme. Tato možnost umožňuje přiřadit vlastní barvu textu tlačítku tohoto modulu. Vyberte svou vlastní barvu pomocí nástroje pro výběr barvy a změňte barvu tlačítka.

Barva pozadí tlačítka

Ve výchozím nastavení mají tlačítka průhlednou barvu pozadí. To lze změnit výběrem požadované barvy pozadí z výběru barev.

Šířka okraje tlačítek

Všechna tlačítka Divi mají ve výchozím nastavení ohraničení 2px. Toto ohraničení lze pomocí tohoto nastavení zvýšit nebo snížit. Okraje lze odstranit zadáním hodnoty 0.

Barva ohraničení tlačítek

Ve výchozím nastavení okraje tlačítek převezmou akcentní barvu motivu, jak je definována v nástroji Customizer Theme. Tato možnost umožňuje přiřadit vlastní barvu ohraničení tlačítku tohoto modulu. Vyberte svou vlastní barvu pomocí nástroje pro výběr barvy a změňte barvu ohraničení tlačítka.

Okraj okraje tlačítka

Poloměr ohraničení ovlivňuje zaoblení rohů vašich tlačítek. Ve výchozím nastavení mají tlačítka v Divi malý poloměr ohraničení, který zaobluje rohy o 3 pixely. Tuto hodnotu můžete snížit na 0, abyste vytvořili čtvercové tlačítko, nebo ji výrazně zvýšit, abyste vytvořili tlačítka s kruhovými okraji.

Rozestup písmen na tlačítku

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem v textu tlačítka, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Bouttonova policie

Písmo textu tlačítka můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také přizpůsobit pomocí možností tučně, kurzíva, velká písmena a podtržení.

Přidejte ikonu tlačítka

Zakázáno, toto nastavení odstraní ikony z vašeho tlačítka. Ve výchozím nastavení se u všech tlačítek Divi zobrazuje ikona šipky.

Ikona tlačítka

Pokud jsou ikony povoleny, můžete pomocí tohoto nastavení vybrat, která ikona se ve vašem tlačítku použije. Divi má na výběr různé ikony.

Barva ikony tlačítka

Úpravou tohoto nastavení změníte barvu ikony, která se zobrazí na vašem tlačítku. Ve výchozím nastavení je barva ikony stejná jako barva textu tlačítka, ale toto nastavení vám umožňuje upravit barvu nezávisle.

Umístění ikony tlačítka

Můžete zvolit zobrazení ikony tlačítka vlevo nebo vpravo od tlačítka.

Zobrazit pouze ikonu při najetí myší na tlačítko

Ve výchozím nastavení se ikony tlačítek zobrazují pouze při najetí myší. Pokud chcete, aby se ikona vždy zobrazovala, vypněte toto nastavení.

Barva textu při převrácení tlačítka

Když na tlačítko najedete myší návštěvníka, použije se tato barva. Barva se změní od základní barvy definované v předchozím nastavení.

Podržte tlačítko barvy pozadí

Když na tlačítko najedete myší návštěvníka, použije se tato barva. Barva se změní od základní barvy definované v předchozím nastavení.

Tlačítko hranice Hover Border

Když na tlačítko najedete myší návštěvníka, použije se tato barva. Barva se změní od základní barvy definované v předchozím nastavení.

Tlačítko Hover Border Radius

Když na tlačítko najedete myší návštěvníka, použije se tato hodnota. Hodnota se změní od základní hodnoty definované v předchozím nastavení.

Tlačítko pro oddálení poznámek

Když na tlačítko najedete myší návštěvníka, použije se tato hodnota. Hodnota se změní od základní hodnoty definované v předchozím nastavení.

Pokročilé možnosti hodnotících karet

Na kartě Upřesnit najdete možnosti, které by zkušenější weboví designéři mohli považovat za užitečné, například vlastní atributy CSS a HTML. Zde můžete použít vlastní CSS na kterýkoli z mnoha prvků modulu. Na modul můžete také použít vlastní třídy a ID CSS, které lze použít k přizpůsobení modulu v souboru style.css vašeho podřízeného motivu.

CSS ID

Zadejte volitelné ID CSS, které chcete použít pro tento modul. ID lze použít k vytvoření vlastního stylu CSS nebo k propojení s konkrétními částmi vaší stránky.

CSS třídy

Zadejte volitelné třídy CSS pro tento modul. Třídu CSS lze použít k vytvoření vlastního stylu CSS. Můžete přidat více tříd oddělených mezerou. Tyto třídy lze použít ve vašem podřízeném motivu Divi nebo ve vlastní šabloně stylů CSS, kterou přidáte na svou stránku nebo na svůj web pomocí možností motivu Divi nebo nastavení na stránce Divi Builder.

Vlastní CSS

Vlastní CSS lze také použít na modul a na libovolné interní součásti modulu. V sekci Vlastní CSS najdete textové pole, kde můžete přidat vlastní šablony stylů CSS přímo ke každému prvku. Položky CSS v tomto nastavení jsou již zabaleny do značek stylů. Stačí tedy zadat pravidla CSS oddělená středníky.

viditelnost

Tato možnost umožňuje ovládat zařízení, na kterých se váš modul zobrazuje. Můžete se rozhodnout deaktivovat svůj modul na tabletech, chytrých telefonech nebo stolních počítačích jednotlivě. To je užitečné, pokud chcete použít různé mody na různých zařízeních, nebo pokud chcete zjednodušit mobilní design odstraněním určitých prvků ze stránky.

Možnosti obsahu jednotlivých cenových tabulek

Titul

Název, který sem vložíte, bude použit pro tuto možnost (Premium) ceny.

podtitul

Titulky, které sem vložíte, se objeví pod vaším titulem.

Navrhnout

Sem zadejte symbol požadované měny.

podle

Pokud je vaše cena závislá na předplatném, zadejte zde cyklus předplatného (například Rok).

prix

Zde zadejte hodnotu produktu.

Text tlačítka

Sem zadejte text tlačítka.

Obsah

V tomto poli můžete zadat seznam funkcí, které jsou nebo nejsou součástí vašeho produktu. Oddělte každou položku seznamu na novém řádku a začněte každý řádek symbolem + nebo -. A + určuje zahrnutý prvek, zatímco A - určuje vyloučený prvek.

Tlačítko URL

Ve spodní části každé tabulky můžete vložit tlačítko Výzva k akci vložením platné webové adresy URL do tohoto pole. Nechte toto a
prázdné textové pole tlačítka, pokud nechcete mít tlačítko v cenové tabulce.

Barva pozadí

Definujte vlastní barvu pozadí pro svůj modul nebo ponechte prázdné, chcete-li použít výchozí barvu.

Možnosti návrhu jednotlivých cenových tabulek

Uveďte tuto tabulku

S touto rozbalovací nabídkou se rozhodnete tuto cenovou tabulku poslat dopředu nebo ne. To umožní, aby se deska odlišovala od ostatních.

Barva položky vyloučena

U položek ve vašem seznamu, které byly nastaveny jako vyloučené pomocí symbolu -, můžete pomocí tohoto nastavení upravit jejich barvu. Můžete například chtít změnit barvu na červenou nebo snížit jejich neprůhlednost, abyste vizuálně označili, že položky jsou z aktuálního balíčku vyloučeny.

Záhlaví písma

Písmo textu záhlaví můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také upravit pomocí možností tučně, kurzíva, velká a velká písmena a podtržení.

Velikost písma záhlaví

Zde můžete upravit velikost textu záhlaví. Tažením posuvníku rozsahu můžete zvětšit nebo zmenšit velikost textu nebo přímo zadat požadovanou hodnotu velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Barva textu záhlaví

Ve výchozím nastavení se všechny barvy textu v souboru Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu textu záhlaví, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.

Mezery v záhlaví

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem v textu záhlaví, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Výška řádku záhlaví

Výška řádku ovlivňuje mezeru mezi každým řádkem textu záhlaví. Chcete-li zvětšit mezeru mezi každým řádkem, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupní pole napravo od kurzoru. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Body font

Písmo těla můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také upravit pomocí možností tučně, kurzíva, velká a velká písmena a podtržení.

Velikost písma těla

Zde můžete upravit velikost textu. Tažením posuvníku rozsahu můžete zvětšit nebo zmenšit velikost textu nebo přímo zadat požadovanou hodnotu velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Barva textu těla

Ve výchozím nastavení se všechny barvy textu v souboru Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu textu, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.

Rozestup tělových písmen

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi jednotlivými písmeny v textu, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Výška linie těla

Výška řádku ovlivňuje mezeru mezi každým řádkem textu v těle Chcete-li zvětšit mezeru mezi každým řádkem, upravte mezeru pomocí posuvníku rozsahu nebo do vstupního pole zadejte požadovanou velikost mezery. umístěný napravo od kurzoru. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Písmo titulků

Písmo textu titulků můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také přizpůsobit pomocí možností tučně, kurzíva, velká a velká písmena a podtržení.

Velikost písma titulků

Zde můžete upravit velikost textu podnadpisu. Tažením posuvníku rozsahu můžete zvětšit nebo zmenšit velikost textu nebo přímo zadat požadovanou hodnotu velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Barva textu titulků

Ve výchozím nastavení se všechny barvy textu v souboru Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu textu titulků, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.

Rozteč písmen titulků

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem v textu titulku, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Výška řádku titulků

Výška řádku ovlivňuje mezeru mezi každým řádkem textu titulku. Chcete-li zvětšit mezeru mezi jednotlivými řádky, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Měna Měna a frekvence

Písmo a frekvenci měny můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také přizpůsobit pomocí možností tučně, kurzíva, velká a velká písmena a podtržení.

Velikost písma pro měnu a frekvenci

Zde můžete upravit velikost měny a text frekvence. Tažením posuvníku rozsahu můžete zvětšit nebo zmenšit velikost textu nebo přímo zadat hodnotu požadované velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Barva textu pro měnu a frekvenci

Ve výchozím nastavení se všechny barvy textu v souboru Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu textu své měny a frekvence, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.

Rozestup dopisů a měn

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem v textu měny a frekvence, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Měna a frekvence linka

Výška řádku ovlivňuje mezeru mezi každým řádkem textu vaší měny a frekvence. Chcete-li zvětšit mezeru mezi každým řádkem, upravte mezeru pomocí posuvníku rozsahu nebo zadejte do pole požadovanou velikost mezery napravo od kurzoru. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Cenová politika

Písmo cenového textu můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také přizpůsobit pomocí možností tučně, kurzíva, velká a velká písmena a podtržení.

Cena velikosti písma

Zde můžete upravit velikost textu ceny. Tažením posuvníku rozsahu můžete zvětšit nebo zmenšit velikost textu nebo přímo zadat požadovanou hodnotu velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Barva textu ceny

Ve výchozím nastavení se všechny barvy textu v souboru Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu textu ceny, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.

Rozestup cenových dopisů

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem v textu ceny, použijte posuvník rozsahu k úpravě mezery nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Výška cenové linie

Výška řádku ovlivňuje mezeru mezi každým řádkem textu ceny. Chcete-li zvětšit mezeru mezi každým řádkem, upravte mezeru pomocí posuvníku rozsahu nebo do vstupního pole zadejte požadovanou velikost mezery. umístěný napravo od kurzoru. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Pro tlačítko použijte vlastní styly

Povolení této možnosti odhalí různá nastavení přizpůsobení tlačítek, která můžete použít ke změně vzhledu tlačítka vašeho modulu.

Velikost textu tlačítka

Toto nastavení lze použít ke zvětšení nebo zmenšení velikosti textu v tlačítku. Tlačítko se přizpůsobuje, jak se zvětšuje a zmenšuje velikost textu.

Barva textu tlačítka

Ve výchozím nastavení přijímají tlačítka barvu zvýraznění motivu, jak je definována v nástroji Customizer Theme. Tato možnost umožňuje přiřadit vlastní barvu textu tlačítku tohoto modulu. Vyberte svou vlastní barvu pomocí nástroje pro výběr barvy a změňte barvu tlačítka.

Barva pozadí tlačítka

Ve výchozím nastavení mají tlačítka průhlednou barvu pozadí. To lze změnit výběrem požadované barvy pozadí z výběru barev.

Šířka okraje tlačítek

Všechna tlačítka Divi mají ve výchozím nastavení ohraničení 2px. Toto ohraničení lze pomocí tohoto nastavení zvýšit nebo snížit. Okraje lze odstranit zadáním hodnoty 0.

Barva ohraničení tlačítek

Ve výchozím nastavení okraje tlačítek převezmou akcentní barvu motivu, jak je definována v nástroji Customizer Theme. Tato možnost umožňuje přiřadit vlastní barvu ohraničení tlačítku tohoto modulu. Vyberte svou vlastní barvu pomocí nástroje pro výběr barvy a změňte barvu ohraničení tlačítka.

Okraj okraje tlačítka

Poloměr ohraničení ovlivňuje zaoblení rohů vašich tlačítek. Ve výchozím nastavení mají tlačítka v Divi malý poloměr ohraničení, který zaobluje rohy o 3 pixely. Tuto hodnotu můžete snížit na 0, abyste vytvořili čtvercové tlačítko, nebo ji výrazně zvýšit, abyste vytvořili tlačítka s kruhovými okraji.

Rozestup tlačítek

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem v textu tlačítka, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.

Písmo tlačítka

Písmo textu tlačítka můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také přizpůsobit pomocí možností tučně, kurzíva, velká a velká písmena a podtržení.

K tlačítku přidejte ikonu

Zakázáno, toto nastavení odstraní ikony z vašeho tlačítka. Ve výchozím nastavení všechna tlačítka Divi zobrazují na ukazateli ikonu šipky.

Ikona tlačítka

Pokud jsou ikony povoleny, můžete pomocí tohoto nastavení vybrat, která ikona se ve vašem tlačítku použije. Divi má na výběr různé ikony.

Barva ikony tlačítka

Úpravou tohoto nastavení změníte barvu ikony, která se zobrazí na vašem tlačítku. Ve výchozím nastavení je barva ikony stejná jako barva textu tlačítka, ale toto nastavení vám umožňuje upravit barvu nezávisle.

Umístění tlačítka ikony

Můžete zvolit zobrazení ikony tlačítka vlevo nebo vpravo od tlačítka.

Zobrazit pouze ikonu při najetí myší na tlačítko

Ve výchozím nastavení se ikony tlačítek zobrazují pouze při najetí myší. Pokud chcete, aby se ikona vždy zobrazovala, vypněte toto nastavení.

Barva textu při převrácení tlačítka

Když na tlačítko najedete myší návštěvníka, použije se tato barva. Barva se změní od základní barvy definované v předchozím nastavení.

Barva pozadí tlačítka při převrácení

Když na tlačítko najedete myší návštěvníka, použije se tato barva. Barva se změní od základní barvy definované v předchozím nastavení.

Barva okraje při převrácení

Když na tlačítko najedete myší návštěvníka, použije se tato barva. Barva se změní od základní barvy definované v předchozím nastavení.

Poloměr okraje tlačítka v přehledu

Když na tlačítko najedete myší návštěvníka, použije se tato hodnota. Hodnota se změní od základní hodnoty definované v předchozím nastavení.

Rozestup písmen knoflíku na cestě

Když na tlačítko najedete myší návštěvníka, použije se tato hodnota. Hodnota se změní od základní hodnoty definované v předchozím nastavení.

Individuální možnosti tabulky cen Rozšířené možnosti

Vlastní CSS

Vlastní CSS lze také použít na modul a na libovolné interní součásti modulu. V sekci Vlastní CSS najdete textové pole, kde můžete přidat vlastní šablony stylů CSS přímo ke každému prvku. Položky CSS v tomto nastavení jsou již zabaleny do značek stylů. Stačí tedy zadat pravidla CSS oddělená středníky.

[vc_row center_row = "yes"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" rozšířené "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "flat" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] STÁHNOUT TÉMA DIVI [/ vcex_button] [/ width_column] [»v] » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "center" font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_right " TEM DOWNLOOWN DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

Ostatní výukové programy Divi

• 5 webové stránky pro použití v hotelu Divi téma
• Jak přidat text na produkt Divi WooCommerce
• Jak změnit barvu nabídky mezi stránkami Divi
• Jak přizpůsobit mřížky blogu s Divi
• Jak používat role Divi editor na WordPress
• Jak vytvořit posuvník Divi na celé obrazovce
• Jak změnit barvu nabídek mezi stránkami Divi
• Funkce, které pravděpodobně nevíte o Divi
• Jak používat Divi Builder na WordPress
• Jak používat modul posunu videa Divi
• Jak používat modul Divi Builder Flip
• Jak přidat zkušební modul na Divi Builder
• Jak používat textový modul Divi
• Jak vytvořit posuvník na Divi
• Jak upravit roli uživatele Divi
• Jak používat modul Divi Social Media
• Jak používat modul obchodu na téma WordPress Divi
• Jak používat modul bočního panelu Divi
• Jak používat modul tabulky ceny Divi
• Jak používat titulní modul publikací Divi
• Jak přidat video modul Divi
• Jak používat navigační modul článku
• Jak používat vyhledávací modul Divi
• Jak používat modul peněženky Divi
• Jak používat modul osob na nástroji Divi Builder
• Jak používat modul peněz s filtrem Divi
• Jak používat posuvný modul s plnou šířkou
• Jak používat modul obrazu Divi Builder
• Jak používat navigační modul plné šířky nástroje Divi Builder
• Jak používat modul galerie obrázků
• Jak používat modul karty Divi Builder Full-Width Card
• Jak používat portálový modul Divi s plnou šířkou
• Jak používat modul záhlaví Divi s plnou šířkou
• Jak používat počítací modul Divi
• Jak používat posuvník článků v Divi Builderu
• Jak používat modul Divi Email Optin