Vytváranie cenových tabuliek pre vaše produkty online je jednoduchšie ako kedykoľvek predtým. Vytvorte toľko tabuliek, koľko chcete, a ovládajte ceny a funkcie každej pomocou modulu Cenové tabuľky WordPress tému Divi. Môžete dokonca vymyslieť konkrétny plán na zvýšenie konverzií. Aj keď váš modul obsahuje viacero cenových tabuliek, bude sa s ním zaobchádzať ako s jedným modulom a možno ho umiestniť pod ľubovoľnú veľkosť stĺpca.

Ako pridať modul Hodnotiace tabuľky na svoju stránku

Pred pridaním modulu Cenové tabuľky na svoju stránku musíte najskôr prejsť do Divi Builder. Raz Divi téma nainštalovaný na vašom webe, všimnete si tlačidlo Použite nástroj Divi Builder nad editorom príspevkov vždy, keď vytvoríte novú stránku. Kliknutím na toto tlačidlo aktivujete program Divi Builder a získate prístup ku všetkým modulom Divi Builder. Potom kliknite na tlačidlo Použite Visual Builder na spustenie generátora vo vizuálnom režime. Môžete tiež kliknúť na tlačidlo Použite Visual Builder pri prehliadaní webových stránok v popredí, ak ste pripojení k dashboardu WordPress.

Cenové tabuľky modulov

Po zadaní nástroja Visual Builder môžete kliknutím na sivé tlačidlo plus pridať na svoju stránku nový modul. Nové moduly je možné pridávať iba do riadkov. Ak začínate novú stránku, nezabudnite najskôr na svoju stránku pridať riadok.

divi wordpress cena grafu.png

Vyhľadajte modul cenových tabuliek v zozname modulov a kliknutím naň ho pridajte na svoju stránku. Zoznam modulov je prehľadávateľný, čo znamená, že môžete tiež napísať slovo „cenové tabuľky“ a potom kliknúť na „vstúpiť“, aby sa automaticky vyhľadal a pridal modul cenových tabuliek! Po pridaní modulu vás privíta zoznam možností modulu. Tieto možnosti sú rozdelené do troch hlavných skupín: Obsah , Koncepcia et pokročilý .

Prípad použitia: Pridajte cenovú tabuľku pre stránku produktu

Keď urobíte podpora vašich produktov na vstupnej stránke, cenové tabuľky môžu efektívne prezentovať vaše rôzne cenové možnosti.

V tomto príklade pridám modul cenovej tabuľky tak, aby zobrazoval tri cenové plány (alebo tabuľky), pričom jeden z nich bude vystupovať ako odporúčaný plán, aby sa zvýšil počet konverzií.

WordPress cena tabuľka divi.jpg

Najskôr pridajte na stránku novú pravidelnú sekciu, kde by sa mali zobrazovať cenové tabuľky. Pridajte do sekcie riadok s plnou šírkou (1 stĺpec) a do riadku vložte modul Cenové tabuľky.

cena riadok tabuľky divi.png

V nastaveniach cenových tabuliek kliknite na karte Obsah + Pridať novú položku pridať svoju prvú tabuľku.

nový stĺpec cena chart.png

Aktualizujte parametre cenovej tabuľky takto:

Možnosti obsahu

Názov: Osobná mena: $ Podľa: roku Cena: 69 Text tlačidla: Registrácia Obsah:
Prístup ku všetkým témam Neustále aktualizácie tém Prémiová technická podpora -Prístup ku všetkým doplnkom -Súbory prekrytia obchodu -Žiadny ročný poplatok
URL tlačidla: [zadajte adresu URL tlačidla] Pozadie: #ffffff

Možnosti návrhu

Cena Farba textu: # 3e51b5 Použite vlastné štýly tlačidiel: ÁNO Farba textu tlačidla: #ffffff Farba tlačidla: # 3e51b5 Šírka tlačidla: 0px

Uložte nastavenia

divi wordpress cenová tabuľka example.png

Teraz duplikujte cenovú tabuľku, ktorú ste práve vytvorili, aby ste spolu vytvorili tri cenové tabuľky.

vytvorenie niekoľkých príkladov tableau.jpg

Pre strednú cenovú tabuľku aktualizujte nasledujúce možnosti:

Karta Obsah

Názov: Vývojár Cena: 89 Obsah: Prístup ku všetkým motívom Neustále aktualizácie motívov Prémiová technická podpora Prístup ku všetkým vrstvám súborov Photoshopu - bez ročného poplatku URL tlačidla: [zadajte URL tlačidla]

Karta Návrh

Farba textu: # 0091ca Farba tlačidla: # 0091ca

V prípade tretej cenovej tabuľky aktualizujte nastavenia nasledovne:

Karta Obsah

Názov: Doživotná cena: 249 Text tlačidla: Odoberať Obsah: Prístup ku všetkým témam Neustále aktualizácie motívov Prémiová technická podpora Prístup ku všetkým doplnkom Vrstvené súbory Photoshopu Žiadny ročný poplatok URL tlačidla: [zadajte URL tlačidlo]

Uložte nastavenia

Teraz sa vráťte k nastaveniam tabuľky cien a aktualizujte nasledujúce informácie:

Možnosti obsahu

Odporúčaná farba pozadia tabuľky: #0091ca

Možnosti návrhu

Farba gule: # 3e51b5 Špeciálna farba tabuľky: # 0091ca

výsledok cenovej tabuľky divi.jpg

Uložte nastavenia

Teraz sa vráťte späť a upravte nastavenia sekcie tak, aby ste sekcii dostali farbu pozadia #3e51b5.

To je všetko. Teraz máte cenovú tabuľku s tromi možnosťami, pričom stredná možnosť je nastavená ako odporúčaná položka, ktorá vyčnieva z radu.

možnosť tabuľky cien divi.jpg

Možnosti obsahu pre cenové tabuľky

Na karte Obsah nájdete všetky obsahové prvky modulu, napríklad text, obrázky a ikony. Všetko, čo ovláda čo vo vašom module sa vždy nájde na tejto karte.

návrh tabuľky ceny.png

+ Pridať nový článok

Toto je miesto, kde do modulu pridáte nové tabuľky s cenami. Kliknutím na „+ pridať novú položku“ sa otvorí úplne nový zoznam možností návrhu špecifických pre danú cenovú tabuľku. Nižšie nájdete jednotlivé nastavenia cenových tabuliek.

Po pridaní prvej karty sa zobrazí šedý pruh s názvom tabuľky s cenami vo forme štítku. Šedá lišta má tiež tri tlačidlá, ktoré umožňujú upravovať, duplikovať alebo mazať tabuľku.

Zobraziť odrážku

Predvolene sa položky cenovej tabuľky zobrazujú ako zoznamy s odrážkami. Ak chcete odstrániť odrážky zo zoznamu funkcií, môžete túto možnosť vypnúť.

Farba pozadia tabuľky

Každá cenová tabuľka môže byť „prezentovaná“. Odporúčané tabuľky sú zvýraznené v riadku, čím sa líšia od ostatných možností. Pomocou tohto nastavenia môžete zmeniť farbu pozadia iba pre vybrané tabuľky.

Farba pozadia hlavičky tabuľky

Nad každou tabuľkou cien je oblasť hlavičky, ktorá obsahuje nadpis a podnadpis vašej tabuľky. Farbu pozadia tejto oblasti môžete ovládať nezávisle od farby pozadia hlavnej tabuľky výberom požadovanej farby z výberu farieb.

Odporúčaná hlavička tabuľky

Každá cenová tabuľka môže byť „odporúčaná“. Odporúčané tabuľky sú zvýraznené v riadku, čím sa líšia od ostatných možností. Pomocou tohto nastavenia môžete zmeniť farbu pozadia hlavičky iba pre vybrané tabuľky.

Farba pozadia

Cenové tabuľky majú predvolene bielu farbu pozadia. Ak chcete pre pozadie cenovej tabuľky použiť inú farbu, môžete tu pomocou nástroja na výber farieb nastaviť svoju vlastnú farbu.

Správcovská značka

Toto zmení štítok modulu v konštruktore na ľahšiu identifikáciu. Keď použijete zobrazenie WireFrame v programe Visual Builder, tieto štítky sa zobrazia v bloku modulu rozhrania Divi Builder.

Možnosti návrhu cenovej tabuľky

Na karte Dizajn nájdete všetky možnosti štýlov modulu, ako sú písma, farby, veľkosť a medzery. Toto je karta, ktorú použijete na zmenu vzhľadu vášho modulu. Každý modul Divi má dlhý zoznam nastavení dizajnu, pomocou ktorých môžete čokoľvek meniť.

array design option.png

zarovnanie

V predvolenom nastavení sú zoznamy funkcií v cenovej tabuľke zarovnané doľava. Ak ich chcete zarovnať, môžete aktivovať túto možnosť.

Odstráňte tieň z vybranej tabuľky

Cenové tabuľky majú predvolene za každou tabuľkou jemný tieň. Ak chcete tento tieň odstrániť, môžete povoliť túto možnosť.

Články zo zoznamu v strede

Tu si môžete vybrať, aby sa položky uvedené v tabuľke centrovali na stred.

Farba gule

V predvolenom nastavení odrážky v zozname cenových tabuliek zdedia farbu akcentu vašej témy. Ak chcete použiť inú farbu, môžete ju tu nastaviť pomocou výberu farieb.

Farba odporúčanej tabuľky

Ak chcete pre guľky v cenových tabuľkách použiť inú farbu, môžete ich tu nastaviť pomocou nástroja na výber farieb.

Odporúčaná farba textu hlavičky tabuľky

Táto možnosť určuje farbu farby textu hlavičky tabuľky. Ak zmeníte farbu pozadia hlavičky tabuľky, môžete tiež zmeniť túto možnosť, aby ste zaistili čitateľnosť.

Písmo hlavičky

Písmo textu záhlavia môžete zmeniť výberom požadovaného písma v rozbaľovacej ponuke. Divi prichádza s desiatkami skvelých typov písma, ktoré používajú písma Google. Divi predvolene používa pre všetok text na svojej stránke písmo Open Sans. Štýl textu môžete tiež prispôsobiť pomocou možností tučné písmo, kurzíva, veľké písmená a podčiarknutie.

Veľkosť písma hlavičky

Tu môžete upraviť veľkosť textu hlavičky. Posunutím posúvača rozsahu môžete zväčšiť alebo zmenšiť veľkosť textu alebo priamo zadať požadovanú hodnotu veľkosti textu do vstupného poľa vpravo od posúvača. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Farba textu hlavičky

V predvolenom nastavení sú všetky farby textu v aplikácii Divi biele alebo tmavošedé. Ak chcete zmeniť farbu textu hlavičky, vyberte pomocou tejto možnosti požadovanú farbu vo výbere farieb.

Medzery medzi hlavičkami

Medzery medzi písmenami ovplyvňujú medzeru medzi jednotlivými písmenami. Ak chcete zväčšiť medzeru medzi jednotlivými písmenami v texte hlavičky, pomocou jazdca rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od jazdca. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Výška riadku hlavičky

Výška riadku ovplyvňuje medzeru medzi každým riadkom textu hlavičky. Ak chcete zväčšiť medzeru medzi každým riadkom, upravte medzeru pomocou jazdca rozsahu alebo zadajte požadovanú veľkosť medzery do vstupné pole napravo od kurzora. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Farba textu zobrazenej tabuľky

Týmto sa zmení farba základného textu pre vašu odporúčanú tabuľku. Ak zmeníte farbu pozadia tabuľky, možno bude potrebné zmeniť túto možnosť, aby sa zabezpečila čitateľnosť.

Font písma

Písmo tela môžete zmeniť výberom požadovaného písma v rozbaľovacej ponuke. Divi prichádza s desiatkami skvelých typov písma, ktoré používajú písma Google. Divi predvolene používa pre všetok text na svojej stránke písmo Open Sans. Štýl textu môžete tiež prispôsobiť pomocou možností tučné písmo, kurzíva, veľké písmená a podčiarknutie.

Veľkosť písma v tele

Tu môžete upraviť veľkosť textu. Posunutím posúvača rozsahu môžete zväčšiť alebo zmenšiť veľkosť textu alebo priamo zadať požadovanú hodnotu veľkosti textu do vstupného poľa vpravo od posúvača. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Farba textu tela

V predvolenom nastavení sú všetky farby textu v Divi zobrazené v bielej alebo tmavošedej farbe. Ak chcete zmeniť farbu textu, vyberte túto farbu vo výbere farieb pomocou tejto možnosti.

Rozmiestnenie písmen

Medzery medzi písmenami ovplyvňujú medzeru medzi jednotlivými písmenami. Ak chcete zväčšiť medzeru medzi jednotlivými písmenami v texte, pomocou jazdca rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od jazdca. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Výška línie tela

Výška riadku ovplyvňuje medzery medzi jednotlivými riadkami textu v tele. Ak chcete zväčšiť medzery medzi jednotlivými riadkami, upravte medzeru pomocou posúvača rozsahu alebo do vstupného poľa zadajte požadovanú veľkosť medzery. sa nachádza napravo od kurzora. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Farba textu tabuľkových titulkov

Týmto sa zmení farba textu titulkov pre vašu odporúčanú tabuľku. Ak zmeníte farbu pozadia tabuľky, možno bude potrebné zmeniť túto možnosť, aby sa zabezpečila čitateľnosť.

Písmo titulkov

Písmo textu titulkov môžete zmeniť výberom požadovaného písma v rozbaľovacej ponuke. Divi prichádza s desiatkami skvelých typov písma, ktoré používajú písma Google. Divi predvolene používa pre všetok text na svojej stránke písmo Open Sans. Štýl textu môžete tiež prispôsobiť pomocou možností tučné písmo, kurzíva, veľké písmená a podčiarknutie.

Veľkosť písma titulkov alebo titulkov

Tu môžete upraviť veľkosť textu podnadpisu. Posunutím posúvača rozsahu môžete zväčšiť alebo zmenšiť veľkosť textu alebo priamo zadať hodnotu požadovanej veľkosti textu do vstupného poľa vpravo od posúvača. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Farba textu v záhlaví

V predvolenom nastavení sa všetky farby textu v Divi zobrazujú ako biele alebo tmavošedé. Ak chcete zmeniť farbu textu titulkov, vyberte pomocou tejto možnosti požadovanú farbu vo výbere farieb.

Rozstup písmen v záhlaví

Medzery medzi písmenami ovplyvňujú medzeru medzi jednotlivými písmenami. Ak chcete zväčšiť medzeru medzi každým písmenom v texte titulku, pomocou jazdca rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od jazdca. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Výška riadku pod záhlavím

Výška riadku ovplyvňuje medzeru medzi jednotlivými riadkami textu titulkov. Ak chcete zväčšiť medzeru medzi jednotlivými riadkami, pomocou jazdca rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od jazdca. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Mena Mena a Frekvencia

Písmo a text frekvencie svojej meny môžete zmeniť výberom požadovaného písma v rozbaľovacej ponuke. Divi prichádza s desiatkami skvelých typov písma, ktoré používajú písma Google. Divi predvolene používa pre všetok text na svojej stránke písmo Open Sans. Štýl textu môžete tiež prispôsobiť pomocou možností tučné písmo, kurzíva, veľké písmená a podčiarknutie.

Mena Veľkosť a frekvencia meny

Tu môžete upraviť veľkosť a frekvenciu meny. Posunutím posúvača rozsahu môžete zväčšiť alebo zmenšiť veľkosť textu alebo priamo zadať požadovanú hodnotu veľkosti textu do vstupného poľa vpravo od posúvača. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Farba a frekvencia textu meny

V predvolenom nastavení sa všetky farby textu v Divi zobrazujú ako biele alebo tmavošedé. Ak chcete zmeniť farbu textu meny a frekvencie, vyberte pomocou tejto možnosti požadovanú farbu vo výbere farieb.

Rozostup písmen a mien

Medzery medzi písmenami ovplyvňujú medzery medzi jednotlivými písmenami. Ak chcete zväčšiť medzeru medzi jednotlivými písmenami v texte svojej meny a frekvencie, pomocou jazdca rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od jazdca. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Mena frekvencie

Výška riadku ovplyvňuje medzeru medzi každým riadkom textu vašej meny a frekvencie. Ak chcete zväčšiť medzeru medzi každým riadkom, upravte medzeru pomocou posúvača rozsahu alebo do poľa zadajte požadovanú veľkosť medzery. napravo od kurzora. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Najlepšia cena farby

Týmto sa zmení farba cien pre vašu odporúčanú tabuľku. Ak zmeníte farbu pozadia tabuľky, možno bude potrebné zmeniť túto možnosť, aby sa zabezpečila čitateľnosť.

Cena Polícia

Písmo cenového textu môžete zmeniť výberom požadovaného písma v rozbaľovacej ponuke. Divi prichádza s desiatkami skvelých typov písma, ktoré používajú písma Google. Divi predvolene používa pre všetok text na svojej stránke písmo Open Sans. Štýl textu môžete tiež prispôsobiť pomocou možností tučné písmo, kurzíva, veľké písmená a podčiarknutie.

Cena Veľkosť písma

Tu môžete upraviť veľkosť textu ceny. Posunutím posúvača rozsahu môžete zväčšiť alebo zmenšiť veľkosť textu alebo priamo zadať požadovanú hodnotu veľkosti textu do vstupného poľa vpravo od posúvača. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Cena farby textu

V predvolenom nastavení sa všetky farby textu v Divi zobrazujú ako biele alebo tmavošedé. Ak chcete zmeniť farbu cenového textu, vyberte pomocou tejto možnosti požadovanú farbu vo výbere farieb.

Rozostup cenových listov

Medzery medzi písmenami ovplyvňujú medzeru medzi jednotlivými písmenami. Ak chcete zväčšiť medzeru medzi jednotlivými písmenami v cenovom texte, pomocou posúvača rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od posúvača. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Výška cenovej línie

Výška riadku ovplyvňuje medzeru medzi každým riadkom cenového textu. Ak chcete zväčšiť medzeru medzi jednotlivými riadkami, upravte medzeru pomocou posúvača rozsahu alebo do vstupného poľa zadajte požadovanú veľkosť medzery. sa nachádza napravo od kurzora. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Použite okraj

Povolenie tejto možnosti umiestni orámovanie okolo vášho modulu. Túto hranicu je možné prispôsobiť pomocou nasledujúcich podmienených parametrov.

Farba hranice

Táto možnosť ovplyvňuje farbu vášho orámovania. Vyberte vlastnú farbu z výberu farieb a použite ju na svoje orámovanie.

Šírka hranice

V predvolenom nastavení sú okraje široké 1 pixel. Túto hodnotu môžete zvýšiť presunutím jazdca rozsahu alebo zadaním vlastnej hodnoty do vstupného poľa vpravo od jazdca. Podporované vlastné merné jednotky, čo znamená, že môžete zmeniť predvolenú jednotku z „px“ na inú, napríklad em, vh, vw atď.

Štýl hraníc

Okraje podporujú osem rôznych štýlov: plný, bodkovaný, dvojitý, drážka, hrebeň, prekrytie a štart. Z rozbaľovacej ponuky vyberte požadovaný štýl a aplikujte ho na svoje orámovanie.

Pre tlačidlo použite vlastné štýly

Povolenie tejto možnosti odhalí rôzne nastavenia prispôsobenia tlačidiel, ktoré môžete použiť na zmenu vzhľadu tlačidla vášho modulu.

Veľkosť textu tlačidla

Toto nastavenie je možné použiť na zväčšenie alebo zmenšenie veľkosti textu v tlačidle. Tlačidlo sa prispôsobuje podľa toho, ako sa zväčšuje a zmenšuje veľkosť textu.

Farba textu tlačidla

V predvolenom nastavení majú tlačidlá farbu zvýraznenia témy, ako je definované v nástroji Customizer Theme. Táto voľba umožňuje priradiť tlačidlu tohto modulu vlastnú farbu textu. Vyberte si svoju vlastnú farbu pomocou výberu farieb a zmeňte farbu tlačidla.

Farba pozadia tlačidla

Štandardne majú tlačidlá priehľadnú farbu pozadia. To je možné zmeniť výberom požadovanej farby pozadia vo výbere farieb.

Šírka okraje tlačidiel

Všetky tlačidlá Divi majú predvolene okraj 2px. Túto hranicu je možné pomocou tohto nastavenia zväčšiť alebo zmenšiť. Okraje je možné odstrániť zadaním hodnoty 0.

Farba ohraničenia tlačidla

V predvolenom nastavení okraje tlačidiel preberajú farbu zvýraznenia témy, ako je definované v nástroji Customizer Theme. Táto možnosť vám umožňuje priradiť vlastnú farbu orámovania tlačidlu tohto modulu. Vyberte si svoju vlastnú farbu pomocou výberu farieb a zmeňte farbu orámovania tlačidla.

Polomer okraja tlačidla

Polomer orámovania ovplyvňuje zaoblenie rohov vašich tlačidiel. Predvolene majú tlačidlá v aplikácii Divi malý polomer okraja, ktorý zaobľuje rohy o 3 pixely. Túto hodnotu môžete znížiť na 0, ak chcete vytvoriť štvorcové tlačidlo, alebo ho výrazne zvýšiť, ak chcete vytvoriť tlačidlá s kruhovými okrajmi.

Rozostup písmen tlačidla

Medzery medzi písmenami ovplyvňujú medzeru medzi jednotlivými písmenami. Ak chcete zväčšiť medzeru medzi jednotlivými písmenami v texte tlačidla, pomocou jazdca rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od jazdca. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Polícia Boutton

Písmo textu vášho tlačidla môžete zmeniť výberom požadovaného písma v rozbaľovacej ponuke. Divi prichádza s desiatkami skvelých typov písma, ktoré používajú písma Google. Divi predvolene používa pre všetok text na svojej stránke písmo Open Sans. Štýl textu môžete tiež prispôsobiť pomocou možností tučné písmo, kurzíva, veľké písmená a podčiarknutie.

Pridajte ikonu tlačidla

Zakázané, toto nastavenie odstráni ikony z vášho tlačidla. V predvolenom nastavení sa na všetkých tlačidlách Divi zobrazuje ikona šípky.

Ikona tlačidla

Ak sú ikony povolené, môžete pomocou tohto nastavenia zvoliť, ktorá ikona sa bude vo vašom tlačidle používať. Divi má na výber rôzne ikony.

Farba ikony tlačidla

Úpravou tohto nastavenia zmeníte farbu ikony, ktorá sa zobrazí na vašom tlačidle. V predvolenom nastavení je farba ikony rovnaká ako farba textu vášho tlačidla, ale toto nastavenie vám umožňuje upraviť farbu nezávisle.

Umiestnenie ikony tlačidla

Môžete zvoliť zobrazenie ikony tlačidla vľavo alebo vpravo od tlačidla.

Zobraziť ikonu iba pri umiestnení kurzora myši na tlačidlo

Ikony tlačidiel sa predvolene zobrazujú iba pri umiestnení kurzora myši. Ak chcete, aby sa ikona vždy zobrazovala, vypnite toto nastavenie.

Farba textu pri prekročení tlačidla

Keď na tlačidlo umiestnite kurzor myši, použije sa táto farba. Farba sa zmení od základnej farby definovanej v predchádzajúcich nastaveniach.

Farba pozadia tlačidla myši

Keď na tlačidlo umiestnite kurzor myši, použije sa táto farba. Farba sa zmení od základnej farby definovanej v predchádzajúcich nastaveniach.

Tlačidlo hraničného presúvania farieb

Keď na tlačidlo umiestnite kurzor myši, použije sa táto farba. Farba sa zmení od základnej farby definovanej v predchádzajúcich nastaveniach.

Presuňte kurzor na políčko

Keď na tlačidlo umiestnite kurzor myši, použije sa táto hodnota. Hodnota sa zmení od základnej hodnoty definovanej v predchádzajúcich nastaveniach.

Tlačidlo na oddelenie poznámok

Keď na tlačidlo umiestnite kurzor myši, použije sa táto hodnota. Hodnota sa zmení od základnej hodnoty definovanej v predchádzajúcich nastaveniach.

Rozšírené možnosti cenníka

Na karte rozšírené nájdete možnosti, ktoré by sa mohli hodiť skúsenejším webovým dizajnérom, napríklad vlastné atribúty CSS a HTML. Tu môžete použiť vlastné CSS na ktorýkoľvek z mnohých prvkov modulu. Na modul môžete tiež použiť vlastné triedy a identifikátory CSS, ktoré sa dajú použiť na prispôsobenie modulu v súbore style.css vašej detskej témy.

rozšírené možnosti divi price chart.png

CSS ID

Zadajte voliteľné ID CSS, ktoré sa použije pre tento modul. ID je možné použiť na vytvorenie vlastného štýlu CSS alebo na prepojenie s konkrétnymi sekciami vašej stránky.

Triedu CSS

Zadajte voliteľné triedy CSS, ktoré sa majú použiť pre tento modul. Na vytvorenie vlastného štýlu CSS je možné použiť triedu CSS. Môžete pridať viac tried oddelených medzerou. Tieto triedy môžete použiť vo svojej podradenej téme Divi alebo vo vlastnej šablóne štýlov CSS, ktorú pridáte na svoju stránku alebo na svoj web pomocou možností témy Divi alebo nastavení na stránke Divi Builder.

Vlastné CSS

Vlastné CSS je možné použiť aj na modul a na ktorékoľvek z jeho vnútorných častí. V sekcii Vlastné CSS nájdete textové pole, kde môžete priamo do každého prvku pridať vlastné šablóny štýlov CSS. Záznamy CSS v týchto nastaveniach sú už zabalené v značkách štýlov. Stačí teda zadať pravidlá CSS oddelené bodkočiarkami.

viditeľnosť

Táto možnosť vám umožňuje ovládať zariadenia, na ktorých sa modul zobrazuje. Môžete sa rozhodnúť deaktivovať svoj modul na tabletoch, smartfónoch alebo stolových počítačoch jednotlivo. To je užitočné, ak chcete používať rôzne módy na rôznych zariadeniach alebo ak chcete zjednodušiť mobilný dizajn odstránením určitých prvkov zo stránky.

Možnosti obsahu jednotlivých cenových tabuliek

tabuľka jednotlivých častí.png

Názov

Názov, ktorý sem zadáte, sa použije pre túto možnosť (Premium) určovania cien.

podtitul

Titulky, ktoré sem vložíte, sa zobrazia pod vaším nadpisom.

Navrhnúť

Sem zadajte symbol požadovanej meny.

odsek

Ak sú vaše ceny založené na predplatnom, zadajte tu cyklus predplatného (napríklad Rok).

prix

Tu zadajte hodnotu produktu.

Text tlačidla

Sem zadajte text tlačidla.

Obsah

Do tohto poľa môžete zadať zoznam funkcií, ktoré sú alebo nie sú dodávané s vaším produktom. Oddeľte každú položku zoznamu v novom riadku a každý riadok začnite symbolom + alebo -. A + určuje zahrnutý znak, zatiaľ čo A - určuje vylúčený znak.

Tlačidlo URL

V dolnej časti každej tabuľky môžete vložiť tlačidlo Výzva na akciu vložením platnej webovej adresy do tohto poľa. Nechajte toto a
prázdne textové pole pre tlačidlo, ak nechcete mať tlačidlo v cenovej tabuľke.

Farba pozadia

Definujte pre svoj modul vlastnú farbu pozadia alebo nechajte predvolenú farbu prázdnu.

Možnosti návrhu pre jednotlivé cenové tabuľky

stĺpec ceny stĺpca štýl

Uveďte túto tabuľku

V tejto rozbaľovacej ponuke sa rozhodnete posunúť túto cenovú tabuľku dopredu alebo nie. To umožní doske vyniknúť od ostatných.

Farba položky je vylúčená

U položiek vo vašom zozname, ktoré boli označené ako vylúčené pomocou symbolu -, môžete pomocou tohto nastavenia upraviť ich farbu. Môžete napríklad zmeniť farbu na červenú alebo znížiť ich nepriehľadnosť, aby ste vizuálne naznačili, že položky sú vylúčené z aktuálneho balíka.

Písmo hlavičky

Písmo textu záhlavia môžete zmeniť výberom požadovaného písma v rozbaľovacej ponuke. Divi prichádza s desiatkami skvelých typov písma, ktoré používajú písma Google. Divi predvolene používa pre všetok text na svojej stránke písmo Open Sans. Štýl textu môžete tiež prispôsobiť pomocou možností tučné písmo, kurzíva, veľké písmená a podčiarknutie.

Veľkosť písma hlavičky

Tu môžete upraviť veľkosť textu hlavičky. Posunutím posúvača rozsahu môžete zväčšiť alebo zmenšiť veľkosť textu alebo priamo zadať požadovanú hodnotu veľkosti textu do vstupného poľa vpravo od posúvača. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Farba textu hlavičky

V predvolenom nastavení sa všetky farby textu v Divi zobrazujú ako biele alebo tmavošedé. Ak chcete zmeniť farbu textu hlavičky, vyberte pomocou tejto možnosti požadovanú farbu vo výbere farieb.

Medzery medzi písmenami v záhlaví

Medzery medzi písmenami ovplyvňujú medzeru medzi jednotlivými písmenami. Ak chcete zväčšiť medzeru medzi jednotlivými písmenami v texte hlavičky, pomocou jazdca rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od jazdca. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Výška riadku hlavičky

Výška riadku ovplyvňuje medzeru medzi každým riadkom textu hlavičky. Ak chcete zväčšiť medzeru medzi každým riadkom, upravte medzeru pomocou jazdca rozsahu alebo zadajte požadovanú veľkosť medzery do vstupné pole napravo od kurzora. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Font písma

Písmo tela môžete zmeniť výberom požadovaného písma v rozbaľovacej ponuke. Divi prichádza s desiatkami skvelých typov písma, ktoré používajú písma Google. Divi predvolene používa pre všetok text na svojej stránke písmo Open Sans. Štýl textu môžete tiež prispôsobiť pomocou možností tučné písmo, kurzíva, veľké písmená a podčiarknutie.

Veľkosť písma v tele

Tu môžete upraviť veľkosť textu. Posunutím posúvača rozsahu môžete zväčšiť alebo zmenšiť veľkosť textu alebo priamo zadať požadovanú hodnotu veľkosti textu do vstupného poľa vpravo od posúvača. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Farba textu tela

V predvolenom nastavení sa všetky farby textu v Divi zobrazujú ako biele alebo tmavošedé. Ak chcete zmeniť farbu textu, vyberte túto farbu vo výbere farieb pomocou tejto možnosti.

Rozmiestnenie písmen

Medzery medzi písmenami ovplyvňujú medzeru medzi jednotlivými písmenami. Ak chcete zväčšiť medzeru medzi jednotlivými písmenami v texte, pomocou jazdca rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od jazdca. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Výška línie tela

Výška riadku ovplyvňuje medzery medzi jednotlivými riadkami textu v tele. Ak chcete zväčšiť medzery medzi jednotlivými riadkami, upravte medzeru pomocou posúvača rozsahu alebo do vstupného poľa zadajte požadovanú veľkosť medzery. sa nachádza napravo od kurzora. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Písmo titulkov

Písmo textu titulkov môžete zmeniť výberom požadovaného písma v rozbaľovacej ponuke. Divi prichádza s desiatkami skvelých typov písma, ktoré používajú písma Google. Divi predvolene používa pre všetok text na svojej stránke písmo Open Sans. Štýl textu môžete tiež prispôsobiť pomocou možností tučné písmo, kurzíva, veľké písmená a podčiarknutie.

Veľkosť písma titulkov

Tu môžete upraviť veľkosť textu podnadpisu. Posunutím posúvača rozsahu môžete zväčšiť alebo zmenšiť veľkosť textu alebo priamo zadať hodnotu požadovanej veľkosti textu do vstupného poľa vpravo od posúvača. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Farba textu titulkov

V predvolenom nastavení sa všetky farby textu v Divi zobrazujú ako biele alebo tmavošedé. Ak chcete zmeniť farbu textu titulkov, vyberte pomocou tejto možnosti požadovanú farbu vo výbere farieb.

Rozostup písmen titulkov

Medzery medzi písmenami ovplyvňujú medzeru medzi jednotlivými písmenami. Ak chcete zväčšiť medzeru medzi každým písmenom v texte titulku, pomocou jazdca rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od jazdca. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Výška linky titulkov

Výška riadku ovplyvňuje medzeru medzi jednotlivými riadkami textu titulkov. Ak chcete zväčšiť medzeru medzi jednotlivými riadkami, pomocou jazdca rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od jazdca. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Mena Mena a Frekvencia

Písmo a text frekvencie svojej meny môžete zmeniť výberom požadovaného písma v rozbaľovacej ponuke. Divi prichádza s desiatkami skvelých typov písma, ktoré používajú písma Google. Divi predvolene používa pre všetok text na svojej stránke písmo Open Sans. Štýl textu môžete tiež prispôsobiť pomocou možností tučné písmo, kurzíva, veľké písmená a podčiarknutie.

Veľkosť písma pre meny a frekvencie

Tu môžete upraviť veľkosť a frekvenciu meny. Posunutím posúvača rozsahu môžete zväčšiť alebo zmenšiť veľkosť textu alebo priamo zadať požadovanú hodnotu veľkosti textu do vstupného poľa vpravo od posúvača. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Farba textu pre menu a frekvenciu

V predvolenom nastavení sa všetky farby textu v Divi zobrazujú ako biele alebo tmavošedé. Ak chcete zmeniť farbu textu meny a frekvencie, vyberte pomocou tejto možnosti požadovanú farbu vo výbere farieb.

Rozostup písmen a mien

Medzery medzi písmenami ovplyvňujú medzery medzi jednotlivými písmenami. Ak chcete zväčšiť medzeru medzi jednotlivými písmenami v texte svojej meny a frekvencie, pomocou jazdca rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od jazdca. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Mena a frekvencia

Výška riadku ovplyvňuje medzeru medzi každým riadkom textu vašej meny a frekvencie. Ak chcete zväčšiť medzeru medzi každým riadkom, upravte medzeru pomocou posúvača rozsahu alebo do poľa zadajte požadovanú veľkosť medzery. napravo od kurzora. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Cenová politika

Písmo cenového textu môžete zmeniť výberom požadovaného písma v rozbaľovacej ponuke. Divi prichádza s desiatkami skvelých typov písma, ktoré používajú písma Google. Divi predvolene používa pre všetok text na svojej stránke písmo Open Sans. Štýl textu môžete tiež prispôsobiť pomocou možností tučné písmo, kurzíva, veľké písmená a podčiarknutie.

Cena veľkosti písma

Tu môžete upraviť veľkosť textu ceny. Posunutím posúvača rozsahu môžete zväčšiť alebo zmenšiť veľkosť textu alebo priamo zadať požadovanú hodnotu veľkosti textu do vstupného poľa vpravo od posúvača. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Cena farby textu

V predvolenom nastavení sa všetky farby textu v Divi zobrazujú ako biele alebo tmavošedé. Ak chcete zmeniť farbu cenového textu, vyberte pomocou tejto možnosti požadovanú farbu vo výbere farieb.

Rozostup cenových listov

Medzery medzi písmenami ovplyvňujú medzeru medzi jednotlivými písmenami. Ak chcete zväčšiť medzeru medzi jednotlivými písmenami v cenovom texte, pomocou posúvača rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od posúvača. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Výška cenovej línie

Výška riadku ovplyvňuje medzeru medzi každým riadkom cenového textu. Ak chcete zväčšiť medzeru medzi jednotlivými riadkami, upravte medzeru pomocou posúvača rozsahu alebo do vstupného poľa zadajte požadovanú veľkosť medzery. sa nachádza napravo od kurzora. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Pre tlačidlo použite vlastné štýly

Povolenie tejto možnosti odhalí rôzne nastavenia prispôsobenia tlačidiel, ktoré môžete použiť na zmenu vzhľadu tlačidla vášho modulu.

Veľkosť textu tlačidla

Toto nastavenie je možné použiť na zväčšenie alebo zmenšenie veľkosti textu v tlačidle. Tlačidlo sa prispôsobuje podľa toho, ako sa zväčšuje a zmenšuje veľkosť textu.

Farba textu tlačidla

V predvolenom nastavení majú tlačidlá farbu zvýraznenia témy, ako je definované v nástroji Customizer Theme. Táto voľba umožňuje priradiť tlačidlu tohto modulu vlastnú farbu textu. Vyberte si svoju vlastnú farbu pomocou výberu farieb a zmeňte farbu tlačidla.

Farba pozadia tlačidla

Štandardne majú tlačidlá priehľadnú farbu pozadia. To je možné zmeniť výberom požadovanej farby pozadia vo výbere farieb.

Šírka okraje tlačidiel

Všetky tlačidlá Divi majú predvolene ohraničenie 2px. Túto hranicu je možné pomocou tohto nastavenia zväčšiť alebo zmenšiť. Okraje je možné odstrániť zadaním hodnoty 0.

Farba ohraničenia tlačidla

V predvolenom nastavení okraje tlačidiel preberajú farbu zvýraznenia témy, ako je definované v nástroji Customizer Theme. Táto možnosť vám umožňuje priradiť vlastnú farbu orámovania tlačidlu tohto modulu. Vyberte si svoju vlastnú farbu pomocou výberu farieb a zmeňte farbu orámovania tlačidla.

Polomer okraja tlačidla

Polomer orámovania ovplyvňuje zaoblenie rohov vašich tlačidiel. Predvolene majú tlačidlá v aplikácii Divi malý polomer okraja, ktorý zaobľuje rohy o 3 pixely. Túto hodnotu môžete znížiť na 0, ak chcete vytvoriť štvorcové tlačidlo, alebo ho výrazne zvýšiť, ak chcete vytvoriť tlačidlá s kruhovými okrajmi.

Rozostup písmen tlačidiel

Medzery medzi písmenami ovplyvňujú medzeru medzi jednotlivými písmenami. Ak chcete zväčšiť medzeru medzi jednotlivými písmenami v texte tlačidla, pomocou jazdca rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od jazdca. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.

Písmo tlačidla

Písmo textu vášho tlačidla môžete zmeniť výberom požadovaného písma v rozbaľovacej ponuke. Divi prichádza s desiatkami skvelých typov písma, ktoré používajú písma Google. Divi predvolene používa pre všetok text na svojej stránke písmo Open Sans. Štýl textu môžete tiež prispôsobiť pomocou možností tučné písmo, kurzíva, veľké písmená a podčiarknutie.

Pridajte ikonu

Zakázané, toto nastavenie odstráni ikony z vášho tlačidla. V predvolenom nastavení sa na všetkých tlačidlách Divi zobrazuje ikona šípky pri umiestnení kurzora myši.

Ikona tlačidla

Ak sú ikony povolené, môžete pomocou tohto nastavenia zvoliť, ktorá ikona sa bude vo vašom tlačidle používať. Divi má na výber rôzne ikony.

Farba ikony tlačidla

Úpravou tohto nastavenia zmeníte farbu ikony, ktorá sa zobrazí na vašom tlačidle. V predvolenom nastavení je farba ikony rovnaká ako farba textu vášho tlačidla, ale toto nastavenie vám umožňuje upraviť farbu nezávisle.

Umiestnenie tlačidla na ikonu

Môžete zvoliť zobrazenie ikony tlačidla vľavo alebo vpravo od tlačidla.

Zobraziť ikonu iba pri umiestnení kurzora myši na tlačidlo

Ikony tlačidiel sa predvolene zobrazujú iba pri umiestnení kurzora myši. Ak chcete, aby sa ikona vždy zobrazovala, vypnite toto nastavenie.

Farba textu pri prekročení tlačidla

Keď na tlačidlo umiestnite kurzor myši, použije sa táto farba. Farba sa zmení od základnej farby definovanej v predchádzajúcich nastaveniach.

Farba pozadia tlačidla pri prekročení

Keď na tlačidlo umiestnite kurzor myši, použije sa táto farba. Farba sa zmení od základnej farby definovanej v predchádzajúcich nastaveniach.

Farba ohraničenia pri prekročení

Keď na tlačidlo umiestnite kurzor myši, použije sa táto farba. Farba sa zmení od základnej farby definovanej v predchádzajúcich nastaveniach.

Polomer okraja tlačidla v prehľade

Keď na tlačidlo umiestnite kurzor myši, použije sa táto hodnota. Hodnota sa zmení od základnej hodnoty definovanej v predchádzajúcich nastaveniach.

Rozmiestnenie písmen tlačidla na prekročení

Keď na tlačidlo umiestnite kurzor myši, použije sa táto hodnota. Hodnota sa zmení od základnej hodnoty definovanej v predchádzajúcich nastaveniach.

Možnosti individuálnej cenovej tabuľky Rozšírené možnosti

rozšírená možnosť divi.png

Vlastné CSS

Vlastné CSS je možné použiť aj na modul a na ktorékoľvek z jeho vnútorných častí. V sekcii Vlastné CSS nájdete textové pole, kde môžete priamo do každého prvku pridať vlastné šablóny štýlov CSS. Záznamy CSS v týchto nastaveniach sú už zabalené v značkách štýlov. Stačí teda zadať pravidlá CSS oddelené bodkočiarkami.

[vc_row center_row = "yes"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" rozšírené "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"] STIAHNUŤ TÉMU 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]

Ďalšie výukové programy spoločnosti Divi