Lakše je nego ikad izraditi tablice cijena za svoje proizvode na mreži. Napravite onoliko tablica koliko želite i kontrolirajte cijene i značajke svake pomoću vašeg modula Tablice cijena WordPress tema Divi. Možete čak osmisliti određeni plan za povećanje konverzija. Čak i ako vaš modul uključuje više tablica s cijenama, on će se tretirati kao jedan modul i može se postaviti pod bilo koju veličinu stupca.
Kako dodati modul tabličnih tablica na svoju stranicu
Prije nego što svojoj stranici možete dodati modul tablica cijena, prvo morate uskočiti u Divi Builder. Jednom Divi tema instaliran na vašoj web stranici, primijetit ćete gumb Koristite Divi Builder iznad uređivača postova kad god izradite novu stranicu. Pritisnite ovaj gumb da biste aktivirali Divi Builder i pristupili svim modulima Divi Builder. Zatim kliknite na gumb Koristite Visual Builder za pokretanje generatora u vizualnom načinu. Također možete kliknuti gumb Koristite Visual Builder kada pregledavate web stranicu u prvom planu ako ste povezani na svoju WordPress nadzornu ploču.
Nakon što uđete u Visual Builder, možete kliknuti sivi gumb plus da biste na svoju stranicu dodali novi modul. Novi moduli mogu se dodavati samo unutar redaka. Ako započinjete novu stranicu, ne zaboravite prvo dodati redak na svoju stranicu.
Pronađite modul tablica cijena na popisu modula i kliknite ga da biste ga dodali na svoju stranicu. Popis modula je pretraživ, što znači da također možete upisati riječ "tablice cijena", a zatim kliknuti "enter" za automatsko pretraživanje i dodavanje modula tablica cijena! Nakon dodavanja modula, dočekat će vas popis opcija modula. Te su opcije podijeljene u tri glavne skupine: Sadržaj , Začeće et napredan .
Slučaj upotrebe: dodajte tablicu cijena za stranicu proizvoda
Kada učinite promocija vaših proizvoda na odredišnoj stranici, tablice s cijenama mogu učinkovito prikazati vaše različite mogućnosti određivanja cijena.
U ovom ćemo primjeru dodati modul tablice cijena za prikaz tri cjenovna plana (ili tablice) s jednim od tih planova koji se ističu kao istaknuti plan kako bi se povećale konverzije.
Prvo dodajte novi redoviti odjeljak na stranicu na kojoj bi trebale biti prikazane tablice cijena. Odjeljku dodajte redak pune širine (1 stupac) i u red umetnite modul Tablice cijena.
U postavkama tablica cijena, na kartici Sadržaj kliknite + Dodaj novu stavku da biste dodali svoju prvu tablicu.
Ažurirajte parametre tablice s cijenama na sljedeći način:
Opcije sadržaja
Naslov: Osobna valuta: $ Prema: godini Cijena: 69 Tekst gumba: Sadržaj registracije:
Pristup svim temama Stalna ažuriranja tema Vrhunska tehnička podrška - Pristup svim dodacima - Kupnja prekrivajućih datoteka - Bez godišnje naknade
URL gumba: [unesite URL gumba] Pozadina: #ffffff
Mogućnosti dizajna
Boja teksta cijene: # 3e51b5 Koristite prilagođene stilove gumba: DA Boja teksta gumba: #ffffff Boja gumba: # 3e51b5 Širina gumba: 0px
Spremite postavke
Sada duplicirajte tablicu cijena koju ste upravo stvorili dva puta kako biste imali ukupno tri tablice cijena.
Za tablicu srednje cijene ažurirajte sljedeće mogućnosti:
Kartica Sadržaj
Naslov: Razvojna cijena: 89 Sadržaj: Pristup svim temama Stalna ažuriranja tema Vrhunska tehnička podrška Pristup svim Photoshop slojevitim datotekama - bez godišnje naknade URL gumba: [unesite URL gumba]
Kartica Dizajn
Boja teksta: # 0091ca Boja gumba: # 0091ca
Za treću tablicu cijena ažurirajte postavke na sljedeći način:
Kartica Sadržaj
Naslov: Životna cijena: 249 Tekst gumba: Sadržaj pretplate: Pristup svim temama Stalna ažuriranja tema Vrhunska tehnička podrška Pristup svim dodacima Slojevite Photoshop datoteke Bez godišnje naknade URL gumba: [unesite URL dugme]
Spremite postavke
Sada se vratite na postavke tablice s cijenama i ažurirajte sljedeće:
Opcije sadržaja
Boja pozadine istaknutih tablica: #0091ca
Mogućnosti dizajna
Boja kuglice: # 3e51b5 Istaknuta boja stola: # 0091ca
Spremite postavke
Vratite se i uredite postavke odjeljka kako biste dodijelili pozadinsku boju #3e51b5.
To je sve. Sada imate tablicu cijena s tri opcije, a srednja opcija postavljena je kao istaknuta stavka koja se ističe od ostalih.
Opcije sadržaja za tablice s cijenama
Na kartici Sadržaj pronaći ćete sve elemente sadržaja modula, kao što su tekst, slike i ikone. Sve to kontrolira što se pojavljuje u vašem modulu uvijek će se naći na ovoj kartici.
+ Dodajte novi članak
Ovdje dodajete nove tablice cijena svom modulu. Klikom na "+ dodaj novu stavku" otvorit će se potpuno novi popis mogućnosti dizajna specifičnih za tu tablicu cijena. Pogledajte dolje pojedine postavke tablice cijena.
Nakon dodavanja prve kartice, pojavit će se siva traka s naslovom vaše tablice cijena u obliku naljepnice. Siva traka također ima tri gumba koja vam omogućuju uređivanje, dupliciranje ili brisanje tablice.
Prikaži bullet
Stavke tablice cijena prema zadanim se postavkama prikazuju kao nabrojani popisi. Ako želite ukloniti metke s popisa značajki, ovu mogućnost možete isključiti.
Boja pozadine istaknutog stola
Svaka tablica cijena može se "predstaviti". Istaknute tablice istaknute su u retku, što ih razlikuje od ostalih opcija. Pomoću ove postavke možete promijeniti boju pozadine samo za istaknute tablice.
Boja pozadine zaglavlja tablice
Iznad svake tablice cijena nalazi se područje zaglavlja koje uključuje naslov i podnaslov vaše tablice. Možete kontrolirati boju pozadine ovog područja neovisno o boji pozadine glavne tablice odabirom željene boje iz alata za odabir boja.
Izdvojeno zaglavlje tablice
Svaka tablica cijena može biti "istaknuta". Istaknute tablice istaknute su u retku, što ih razlikuje od ostalih opcija. Pomoću ove postavke možete promijeniti boju pozadine zaglavlja samo za odabrane tablice.
Boja pozadine
Tablice cijena prema zadanim postavkama imaju bijelu boju pozadine. Ako želite koristiti drugu boju za pozadinu tablice cijena, ovdje možete postaviti svoju prilagođenu boju pomoću alata za odabir boja.
Administratorska oznaka
Ovo će promijeniti oznaku modula u konstruktoru radi lakše identifikacije. Kada koristite prikaz WireFrame u Visual Builderu, ove se oznake pojavljuju u modulnom bloku sučelja Divi Builder.
Opcije za izradu tablica cijena
Na kartici Dizajn pronaći ćete sve mogućnosti oblikovanja modula, poput fontova, boja, veličine i razmaka. Ovo je kartica koju ćete koristiti za promjenu izgleda vašeg modula. Svaki Divi modul ima dugački popis postavki dizajna pomoću kojih možete bilo što promijeniti.
poravnanje
Prema zadanim postavkama, popisi značajki poravnati su lijevo u tablici cijena. Ako ih želite poravnati, možete aktivirati ovu opciju.
Uklonite sjena s istaknute tablice
Prema zadanim postavkama, tablice cijena imaju suptilnu sjenu iza svake tablice. Ako želite ukloniti ovu sjenu, možete omogućiti ovu opciju.
Članci s popisa u centru
Ovdje možete odabrati da centrirate stavke navedene u vašoj tablici.
Boja kugle
Prema zadanim postavkama, oznake na popisu tablica cijena naslijedit će boju naglaska vaše teme. Ako želite koristiti drugu boju, možete je ovdje postaviti pomoću alata za odabir boja.
Boja istaknutog stola
Ako želite koristiti drugu boju za metke u tablicama cijena, tu boju možete postaviti ovdje pomoću alata za odabir boja.
Istaknuta boja teksta zaglavlja tablice
Ova opcija kontrolira boju boje teksta zaglavlja vaše tablice. Ako promijenite boju pozadine zaglavlja tablice, također možete promijeniti ovu opciju kako biste osigurali čitljivost.
Font zaglavlja
Font teksta zaglavlja možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.
Veličina fonta zaglavlja
Ovdje možete prilagoditi veličinu teksta zaglavlja. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli željenu vrijednost veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Boja teksta zaglavlja
Prema zadanim postavkama sve se boje teksta na Divi pojavljuju u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju teksta zaglavlja, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.
Razmak zaglavlja u slovima
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu zaglavlja, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Visina reda zaglavlja
Visina retka utječe na razmak između svakog retka teksta zaglavlja. Ako želite povećati razmak između svakog retka, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje polje za unos desno od kursora. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Boja teksta istaknutog stola
Ovo mijenja boju teksta tijela za istaknutu tablicu. Ako promijenite boju pozadine tablice, možda ćete trebati promijeniti ovu opciju kako biste osigurali čitljivost.
Font tijela
Font vašeg tijela možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.
Veličina fonta tijela
Ovdje možete prilagoditi veličinu teksta tijela. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli željenu vrijednost veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Boja teksta tijela
Prema zadanim postavkama sve se boje teksta na Divi pojavljuju u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju teksta, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.
Prostor tijela slova
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Visina tijela linije
Visina retka utječe na razmak između svakog retka teksta u vašem tijelu. Ako želite povećati razmak između svakog retka, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos smješteno desno od kursora. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Boja teksta tablice podnaslova
Ovo mijenja boju teksta opisa za istaknutu tablicu. Ako promijenite boju pozadine tablice, možda ćete trebati promijeniti ovu opciju kako biste osigurali čitljivost.
Font slova
Font teksta opisa možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.
Veličina fonta podnaslova ili titla
Ovdje možete prilagoditi veličinu teksta zaglavlja. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli vrijednost željene veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Boja teksta podnaslova
Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju teksta natpisa, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.
Razmak slova podnaslova
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu vašeg opisa, upotrijebite klizač raspona za podešavanje razmaka ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Visina retka potnaslova
Visina retka utječe na razmak između svakog retka teksta vašeg opisa. Ako želite povećati razmak između svakog retka, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Valuta i učestalost valute
Font valute i tekst učestalosti možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.
Veličina i učestalost valute valute
Ovdje možete prilagoditi veličinu valute i tekst učestalosti. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli vrijednost željene veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Boja i učestalost teksta valute
Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju svoje valute i tekst učestalosti, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.
Razmak slova i valuta
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u vašoj valuti i tekstu frekvencije, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Linija valute frekvencije
Visina retka utječe na razmak između svakog retka vaše valute i teksta frekvencije. Ako želite povećati razmak između svakog retka, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje desno od kursora. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Istaknuta boja cijena
Ovo mijenja boju cijena vašeg istaknutog stola. Ako promijenite boju pozadine tablice, možda ćete trebati promijeniti ovu opciju kako biste osigurali čitljivost.
Cijena policije
Font teksta cijene možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.
Cijena Veličina slova
Ovdje možete prilagoditi veličinu teksta cijene. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli željenu vrijednost veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Boja teksta cijene
Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju teksta cijene, odaberite ovu željenu boju iz alata za odabir boja.
Razmak cijena slova
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu cijene, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Visina cjenovne linije
Visina retka utječe na razmak između svakog retka vašeg teksta cijene. Ako želite povećati razmak između svakog retka, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos smješteno desno od kursora. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Koristite granicu
Omogućivanjem ove opcije postavit ćete obrub oko vašeg modula. Ovu granicu možete prilagoditi pomoću sljedećih uvjetnih parametara.
Boja granice
Ova opcija utječe na boju vašeg obruba. Odaberite prilagođenu boju iz alata za odabir boja da biste je primijenili na vaš obrub.
Širina granice
Prema zadanim postavkama, obrubi su široki 1 piksel. Ovu vrijednost možete povećati povlačenjem klizača raspona ili unosom prilagođene vrijednosti u polje za unos s desne strane klizača. Podržane prilagođene jedinice mjere, što znači da možete promijeniti zadanu jedinicu iz "px" u nešto drugo poput em, vh, vw itd.
Granični stil
Granice podržavaju osam različitih stilova: puni, točkasti, dvostruki, utor, hrbat, sloj i početak. Na padajućem izborniku odaberite svoj željeni stil da biste ga primijenili na obrub.
Upotrijebite prilagođene stilove za gumb
Omogućavanjem ove opcije otkrivaju se razne postavke prilagodbe gumba pomoću kojih možete promijeniti izgled gumba vašeg modula.
Veličina teksta gumba
Ova se postavka može koristiti za povećanje ili smanjenje veličine teksta na gumbu. Gumb se prilagođava kako se veličina teksta povećava i smanjuje.
Boja teksta gumba
Prema zadanim postavkama, gumbi usvajaju boju naglaska vaše teme kako je definirano u programu za prilagođavanje tema. Ova vam opcija omogućuje da gumbu ovog modula dodijelite prilagođenu boju teksta. Odaberite prilagođenu boju pomoću alata za odabir boje da biste promijenili boju gumba.
Boja pozadine gumba
Prema zadanim postavkama, gumbi imaju prozirnu boju pozadine. To se može promijeniti odabirom željene boje pozadine iz alata za odabir boja.
Širina ruba gumba
Svi Divi gumbi prema zadanim postavkama imaju obrub od 2 piksela. Ova se granica može povećati ili smanjiti pomoću ove postavke. Granice se mogu ukloniti unosom vrijednosti 0.
Boja rubova gumba
Prema zadanim postavkama obrubi gumba usvajaju boju naglaska vaše teme kako je definirano u programu za prilagođavanje tema. Ova vam opcija omogućuje da gumbu ovog modula dodijelite prilagođenu boju obruba. Odaberite prilagođenu boju pomoću alata za odabir boja da biste promijenili boju obruba gumba.
Radijus graničnika gumba
Polumjer obruba utječe na zaobljenost kutova gumba. Prema zadanim postavkama, gumbi u Diviu imaju mali radijus obruba koji zaokružuje uglove za 3 piksela. Ovu vrijednost možete smanjiti na 0 da biste stvorili kvadratni gumb ili ga znatno povećali da biste stvorili gumbe s kružnim rubovima.
Razmak slova gumba
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu gumba, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Policija Boutton
Font teksta gumba možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.
Dodajte ikonu gumba
Onemogućeno, ova postavka uklonit će ikone s vašeg gumba. Prema zadanim postavkama, svi Divi gumbi prikazuju ikonu strelice.
Ikona gumba
Ako su ikone omogućene, pomoću ove postavke možete odabrati ikonu koju ćete koristiti na svojem gumbu. Divi ima različite ikone na izbor.
Boja ikone gumba
Prilagodba ove postavke promijenit će boju ikone koja se pojavljuje na vašem gumbu. Prema zadanim postavkama boja ikone jednaka je boji teksta gumba, ali ova postavka omogućuje vam neovisno podešavanje boje.
Postavljanje ikone gumba
Možete odabrati prikaz ikone gumba s lijeve ili desne strane gumba.
Pokažite ikonu samo kad zadržite pokazivač iznad gumba
Prema zadanim postavkama ikone gumba prikazuju se samo kada lebdite. Ako želite da se ikona uvijek prikazuje, isključite ovu postavku.
Boja teksta na preljevu gumba
Kad mišem zadržite pokazivač iznad gumba, koristit će se ova boja. Boja će se promijeniti od osnovne boje definirane u prethodnim postavkama.
Boja pozadine gumba miša
Kad mišem zadržite pokazivač iznad gumba, koristit će se ova boja. Boja će se promijeniti od osnovne boje definirane u prethodnim postavkama.
Border gumb za prebojavanje u boji
Kad mišem zadržite pokazivač iznad gumba, koristit će se ova boja. Boja će se promijeniti od osnovne boje definirane u prethodnim postavkama.
Gumb za zaobljenje graničnog polumjera
Kad se mišem zadrži pokazivač iznad gumba, koristit će se ova vrijednost. Vrijednost će se promijeniti od osnovne vrijednosti definirane u prethodnim postavkama.
Tipka razmaka razmaka
Kad se mišem zadrži pokazivač iznad gumba, koristit će se ova vrijednost. Vrijednost će se promijeniti od osnovne vrijednosti definirane u prethodnim postavkama.
Opcije napredne kartice
Na naprednoj kartici pronaći ćete opcije koje bi iskusnijim web dizajnerima mogle biti korisne, poput prilagođenih CSS i HTML atributa. Ovdje možete primijeniti prilagođeni CSS na bilo koji od mnogih elemenata modula. Na modul također možete primijeniti prilagođene CSS klase i ID-ove koji se mogu koristiti za prilagodbu modula u datoteci style.css vaše dječje teme.
CSS ID
Unesite neobavezni CSS ID koji ćete koristiti za ovaj modul. ID se može koristiti za stvaranje prilagođenog CSS stila ili za povezivanje na određene odjeljke vaše stranice.
CSS klasa
Unesite neobavezne CSS klase koje ćete koristiti za ovaj modul. CSS klasa može se koristiti za izradu prilagođenog CSS stila. Možete dodati više klasa odvojenih razmakom. Te se klase mogu koristiti u vašoj podređenoj temi Divi ili u prilagođenom CSS listu stilova koji dodate na svoju stranicu ili na svoje web mjesto pomoću opcija teme Divi ili postavki stranice Divi Builder.
Prilagođeni CSS
Prilagođeni CSS također se može primijeniti na modul i bilo koji od unutarnjih dijelova modula. U odjeljku Prilagođeni CSS pronaći ćete tekstualno polje u koje možete dodati prilagođene CSS stilske tablice izravno u svaki element. CSS unosi u ovim postavkama već su omotani stilskim oznakama. Dakle, samo unesite CSS pravila odvojena zarezom.
vidljivost
Ova vam opcija omogućuje upravljanje uređajima na kojima se pojavljuje vaš modul. Možete odabrati da deaktivirate svoj modul na tabletima, pametnim telefonima ili stolnim računalima pojedinačno. To je korisno ako želite koristiti različite modove na različitim uređajima ili ako želite pojednostaviti dizajn mobilnih uređaja uklanjanjem određenih elemenata sa stranice.
Opcije sadržaja pojedinačnih tablica cijena
Naslov
Naslov koji ovdje unesete upotrijebit će se za ovu (Premium) opciju cijena.
titl
Podnaslov koji ovdje unesete pojavit će se pod vašim nazivom.
Valuti
Ovdje unesite simbol željene valute.
Par
Ako se vaše cijene temelje na pretplati, ovdje unesite ciklus pretplate (na primjer, Godina).
cijena
Unesite vrijednost proizvoda ovdje.
Tekst gumba
Ovdje odredite tekst gumba.
Sadržaj
U ovo polje možete unijeti popis značajki koje dolaze ili ne dolaze s vašim proizvodom. Odvojite svaku stavku popisa na novom retku i započnite svaki redak simbolom + ili -. A + određuje uključenu značajku, dok A - određuje izuzete značajke.
URL gumba
Na dnu svake tablice možete umetnuti gumb Poziv na akciju umetanjem valjanog web-URL-a u ovo polje. Ostavite ovo i
prazno polje za tekst gumba ako ne želite imati gumb u tablici cijena.
Boja pozadine
Definirajte prilagođenu boju pozadine za svoj modul ili ostavite prazno da biste koristili zadanu boju.
Opcije dizajna za pojedinačne tablice cijena
Napravite ovu tablicu istaknuta
Odaberite hoćete li ovu tablicu cijena proslijediti naprijed ili ne pomoću ovog padajućeg izbornika. To će omogućiti da se ploča izdvoji od ostalih.
Boja predmeta isključena
Za stavke na popisu koje su postavljene kao izuzete pomoću simbola - možete prilagoditi njihovu boju pomoću ove postavke. Na primjer, možda ćete htjeti promijeniti boju u crvenu ili smanjiti njihovu neprozirnost kako biste vizualno označili da su stavke izuzete iz trenutnog paketa.
Font Header
Font teksta zaglavlja možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.
Veličina fonta zaglavlja
Ovdje možete prilagoditi veličinu teksta zaglavlja. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli željenu vrijednost veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Boja teksta zaglavlja
Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju teksta zaglavlja, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.
Razmak zaglavlja u slovima
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu zaglavlja, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Visina reda zaglavlja
Visina retka utječe na razmak između svakog retka teksta zaglavlja. Ako želite povećati razmak između svakog retka, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje polje za unos desno od kursora. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Font tijela
Font vašeg tijela možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.
Veličina fonta tijela
Ovdje možete prilagoditi veličinu teksta tijela. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli željenu vrijednost veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Boja teksta tijela
Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju teksta, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.
Prostor tijela slova
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Visina tijela linije
Visina retka utječe na razmak između svakog retka teksta u vašem tijelu. Ako želite povećati razmak između svakog retka, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos smješteno desno od kursora. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Font slova
Font teksta opisa možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.
Veličina slova titla
Ovdje možete prilagoditi veličinu teksta zaglavlja. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli vrijednost željene veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Boja teksta podnaslova
Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju teksta natpisa, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.
Razmak slova titlova
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu vašeg opisa, upotrijebite klizač raspona za podešavanje razmaka ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Visina linije titlova
Visina retka utječe na razmak između svakog retka teksta vašeg opisa. Ako želite povećati razmak između svakog retka, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Valuta i učestalost valute
Font valute i tekst učestalosti možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.
Veličina slova za valutu i učestalost
Ovdje možete prilagoditi veličinu valute i tekst učestalosti. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli vrijednost željene veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Boja teksta za valutu i učestalost
Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju svoje valute i tekst učestalosti, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.
Razmak slova i valuta
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u vašoj valuti i tekstu frekvencije, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Valuta i frekvencija
Visina linije utječe na razmak između svakog retka vaše valute i teksta frekvencije. Ako želite povećati razmak između svakog retka, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje desno od kursora. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Politika cijena
Font teksta cijene možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.
Veličina slova cijene
Ovdje možete prilagoditi veličinu teksta cijene. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli željenu vrijednost veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Boja teksta cijene
Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju teksta cijene, odaberite ovu željenu boju iz alata za odabir boja.
Razmak cijena slova
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu cijene, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Visina cjenovne linije
Visina retka utječe na razmak između svakog retka vašeg teksta cijene. Ako želite povećati razmak između svakog retka, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos smješteno desno od kursora. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Upotrijebite prilagođene stilove za gumb
Omogućavanjem ove opcije otkrivaju se razne postavke prilagodbe gumba pomoću kojih možete promijeniti izgled gumba vašeg modula.
Veličina teksta gumba
Ova se postavka može koristiti za povećanje ili smanjenje veličine teksta na gumbu. Gumb se prilagođava kako se veličina teksta povećava i smanjuje.
Boja teksta gumba
Prema zadanim postavkama, gumbi usvajaju boju naglaska vaše teme kako je definirano u programu za prilagođavanje tema. Ova vam opcija omogućuje da gumbu ovog modula dodijelite prilagođenu boju teksta. Odaberite prilagođenu boju pomoću alata za odabir boje da biste promijenili boju gumba.
Boja pozadine gumba
Prema zadanim postavkama, gumbi imaju prozirnu boju pozadine. To se može promijeniti odabirom željene boje pozadine iz alata za odabir boja.
Širina ruba gumba
Svi Divi gumbi prema zadanim postavkama imaju obrub od 2 piksela. Ova se granica može povećati ili smanjiti pomoću ove postavke. Granice se mogu ukloniti unosom vrijednosti 0.
Boja rubova gumba
Prema zadanim postavkama obrubi gumba usvajaju boju naglaska vaše teme kako je definirano u programu za prilagođavanje tema. Ova vam opcija omogućuje da gumbu ovog modula dodijelite prilagođenu boju obruba. Odaberite prilagođenu boju pomoću alata za odabir boja da biste promijenili boju obruba gumba.
Radijus graničnika gumba
Polumjer obruba utječe na zaobljenost kutova gumba. Prema zadanim postavkama, gumbi u Diviu imaju mali radijus obruba koji zaokružuje uglove za 3 piksela. Ovu vrijednost možete smanjiti na 0 da biste stvorili kvadratni gumb ili ga znatno povećali da biste stvorili gumbe s kružnim rubovima.
Razmaknica slova gumba
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu gumba, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Font gumba
Font teksta gumba možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.
Dodajte ikonu gumbu
Onemogućeno, ova postavka uklonit će ikone s vašeg gumba. Prema zadanim postavkama, svi Divi gumbi prikazuju ikonu strelice na lebdenju.
Ikona gumba
Ako su ikone omogućene, pomoću ove postavke možete odabrati ikonu koju ćete koristiti na svojem gumbu. Divi ima različite ikone na izbor.
Boja ikone gumba
Prilagodba ove postavke promijenit će boju ikone koja se pojavljuje na vašem gumbu. Prema zadanim postavkama boja ikone jednaka je boji teksta gumba, ali ova postavka omogućuje vam neovisno podešavanje boje.
Postavljanje gumba s ikonama
Možete odabrati prikaz ikone gumba s lijeve ili desne strane gumba.
Pokažite ikonu samo kad zadržite pokazivač iznad gumba
Prema zadanim postavkama ikone gumba prikazuju se samo kada lebdite. Ako želite da se ikona uvijek prikazuje, isključite ovu postavku.
Boja teksta na preljevu gumba
Kad mišem zadržite pokazivač iznad gumba, koristit će se ova boja. Boja će se promijeniti od osnovne boje definirane u prethodnim postavkama.
Boja pozadine gumba na preljevu
Kad mišem zadržite pokazivač iznad gumba, koristit će se ova boja. Boja će se promijeniti od osnovne boje definirane u prethodnim postavkama.
Boja granice na nadlogu
Kad mišem zadržite pokazivač iznad gumba, koristit će se ova boja. Boja će se promijeniti od osnovne boje definirane u prethodnim postavkama.
Radijus granice gumba na pregledu
Kad se mišem zadrži pokazivač iznad gumba, koristit će se ova vrijednost. Vrijednost će se promijeniti od osnovne vrijednosti definirane u prethodnim postavkama.
Prostor slova gumba na preljevu
Kad se mišem zadrži pokazivač iznad gumba, koristit će se ova vrijednost. Vrijednost će se promijeniti od osnovne vrijednosti definirane u prethodnim postavkama.
Pojedinačne mogućnosti tablice cijena Napredne mogućnosti
Prilagođeni CSS
Prilagođeni CSS također se može primijeniti na modul i bilo koji od unutarnjih dijelova modula. U odjeljku Prilagođeni CSS pronaći ćete tekstualno polje u koje možete dodati prilagođene CSS stilske tablice izravno u svaki element. CSS unosi u ovim postavkama već su omotani stilskim oznakama. Dakle, samo unesite CSS pravila odvojena zarezom.
[vc_row center_row = "yes"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" expanded "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"] PREUZMITE DIVI TEMU [/ vcex_button] [/colu [m»n_colum] » 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 =" ravno "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_download "] ATE DOWNLOAD DIVI [/ vcex_button] [/ vc_column] [/ vc_row]
Ostali Divi tutoriali
- 5 web stranice za restoran korištenja Divi temu
- Kako dodati tekst na proizvod Divi WooCommerce
- Kako promijeniti boju izbornika između Divi stranica
- Kako personalizirati rešetke bloga s Divi-jem
- Kako koristiti uređivač uloga Divija na WordPressu
- Kako stvoriti klizač Divi na cijelom zaslonu
- Kako promijeniti boju izbornika između Divi stranica
- Značajke koje vjerojatno ne znate o Divi-ju
- Kako koristiti Divi Builder na WordPressu
- Kako koristiti modul za pomicanje videozapisa Divi
- Kako koristiti modul Divi Builder Flip
- Kako dodati testimonijalni modul na Divi Builderu
- Kako koristiti tekstualni modul Divi
- Kako stvoriti klizač na Divi
- Kako urediti Divi korisničku ulogu
- Kako koristiti modul Divi Social Media
- Kako se koristi modul trgovine na temi WordPress Divi
- Kako koristiti modul Divi bočne trake
- Kako koristiti modul Divi Table Table
- Kako koristiti naslovni modul Divi publikacija
- Kako dodati video modul Divi
- Kako koristiti navigacijski modul članka
- Kako koristiti modul Divi pretraživanja
- Kako koristiti modul Divi wallet
- Kako koristiti modul osobe na Divi Builderu
- Kako koristiti modul lisnice pomoću Divi filtar
- Kako koristiti modul klizača pune širine
- Kako koristiti modul Divi Builder Image
- Kako koristiti navigacijski modul pune širine Divi Buildera
- Kako se koristi modul galerije slika
- Kako koristiti modul Divi Builder za cijelu širinu kartice
- Kako koristiti modul Divi punog širine portfelja
- Kako se koristi Divi zaglavni modul pune širine
- Kako koristiti modul Divi Counter
- Kako koristiti klizač članaka na Divi Builderu
- Kako koristiti modul Divi Email Optin
Izvrstan članak za gotovo cjelovit modul. Ne bi se odbila mogućnost dodavanja prekrižene cijene ...
Pozdrav,
Hvala vam na ovom vrlo preciznom i detaljnom članku. Novi sam u korištenju DIVI graditelja i primjećujem da je nakon stvaranja moje tablice cijena s 3 stupca mobilni zaslon katastrofa (2 izuzetno uska stupca i treći u nizu ...).
Postoji li način (osim dupliciranja tablice i skrivanja) da se ovo postavi kao na primjer na Bootstrapu (dajte stupac širine 33% na radnoj površini i 100% na mobilnom uređaju)?
Merci pour votre aide.
Pozdrav,
Mogu li dobiti snimak zaslona pregleda, kao i vašu Divi konfiguraciju?