Referenca

Referenca blokova za Page Builder Sandwich

Svaki blok dodatka Page Builder Sandwich i Page Builder Sandwich Pro (44 besplatna, 68 Pro): naziv za kôd i AI agente, njegova funkcionalnost te sva svojstva s vrstom i zadanim vrijednostima, očitana izravno iz datoteka block.json samog dodatka.

Izgled i dizajn

Animirani tekst pbs/animated-text

Pro. Odlomak ili naslov koji se sam ispisuje ili čije riječi postupno blijede ili se uzdižu kada dođe u vidno polje pri pomicanju stranice. Statičan za posjetitelje koji traže manje pokreta. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
contentstring""—
tagstring"p"p h2 h3 h4 h5 h6
effectstring"fade"typewriter fade rise
speedstring"normal"slow normal fast

Uređivač podržava: interactivity.

Gumb poveznica pbs/button

Besplatno. Poveznica oblikovana kao gumb. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
urlstring""—
textstring""—
stylestring""—
targetstring"" _blank
relstring""—
alignstring"" left center right
wrapStylestring""—
wrappedbooleanfalse—
wrapDataobject——
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

Kontejner pbs/container

Besplatno. Okvir koji raspoređuje blokove unutar sebe pomoću flexboxa ili mreže. Ugnijezdite kontejnere kako biste izgradili bilo koji raspored. Ostaje čitljivo čak i ako se dodatak ikada isključi. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
tagstring"div"section div header footer article aside main nav
widthstring"full"full boxed
linkobject——

Efekti kursora pbs/cursor-effects

Pro. Prsten, reflektor ili kratki trag koji prati pokazivač miša preko odjeljka ili preko cijele stranice. Isključeno na dodirnim zaslonima i za posjetitelje koji zatraže manje kretanja. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
effectstring"ring"ring spotlight trail
scopestring"section"section page

Uređivač podržava: interactivity.

Prebacivač jezika pbs/language-switcher

Besplatno. Omogućuje posjetiteljima čitanje ove stranice na drugom jeziku, stilizirano u skladu s vašom stranicom. Za jezike je potreban dodatak Tranzly. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
designstring"pills"list pills buttons dropdown codes
displaystring"name"name code name_code
flagsbooleanfalse—
flagShapestring"" rectangle rounded square circle
flagSizestring"" medium small large
showCurrentbooleantrue—
hideMissingbooleanfalse—
verticalbooleanfalse—
labelstring""—
varsobject{}—

Marquee pbs/marquee

Pro. Redak kratkih tekstova koji se pomiče preko stranice, s gumbom za pauzu. Statičan za posjetitelje koji traže manje kretanja. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
itemsarray[]—
labelstring""—
separatorstring"dot"dot slash star none
speedstring"normal"slow normal fast
directionstring"start"start end

Uređivač podržava: interactivity.

Pozadina s česticama pbs/particles

Pro. Odjeljak s točkama koje polako lebde iza njegovih blokova. Jedan statični kadar za posjetitelje koji traže manje kretanja. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
colorstring""—
densitystring"normal"low normal high
speedstring"normal"slow normal fast
linksbooleantrue—

Uređivač podržava: interactivity.

Redak pbs/row

Besplatno. Redak stupaca. Ostaje čitljiv čak i ako se dodatak ikada isključi. Pogledajte kako radi.

Unutarnji blokovi: Stupac.

AtributVrstaZadanoVrijednosti
stylestring""—
widthstring"" full-width full-width-retain-content
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

Sekcija pbs/section

Besplatno. Pojas pune širine stranice koji raspoređuje svoj sadržaj pomoću flexboxa ili mreže (grid). Ostaje čitljiv čak i ako se dodatak ikada isključi. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
tagstring"section"section div header footer article aside main nav
widthstring"boxed"full boxed
alignstring"full"—
linkobject——

Urednik podržava: align.

Sadržaj

Harmonika pbs/accordion

Besplatno. Pitanja ili odjeljci koji se otvaraju i zatvaraju. Po želji jedan po jedan, i po želji označeni kao FAQ za tražilice. Pogledajte kako radi.

Unutarnji blokovi: Harmonika stavka.

AtributVrstaZadanoVrijednosti
singlebooleanfalse—
faqbooleanfalse—

Upozorenje pbs/alert

Besplatno. Obavijest za vaše posjetitelje: informacija, uspjeh, upozorenje ili pogreška, s opcionalnim naslovom i gumbom za zatvaranje. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
variantstring"info"info success warning error
titlestring""—
contentstring""—
showIconbooleantrue—
dismissiblebooleanfalse—

Uređivač podržava: interactivity.

Značka pbs/badge

Besplatno. Kratka oznaka kao što je Novo, Rasprodaja ili Najbolja vrijednost. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
contentstring""—
variantstring"accent"neutral info success warning error accent
justifystring"start"start center end

Kontrolni popis pbs/checklist

Besplatno. Popis zadataka, pri čemu je svaki označen kao dovršen ili još za obaviti, riječima za čitače ekrana kao i kvačicom. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
itemsarray[]—
accentstring"primary"text primary secondary contrast

Prebacivač sadržaja pbs/content-switcher

Pro. Prebacivanje između dvije ili više verzija nekog sadržaja, poput mjesečnih i godišnjih cijena. Pogledajte kako radi.

Unutarnji blokovi: Ploča prebacivača.

AtributVrstaZadanoVrijednosti
labelstring""—

Dvostruki naslov pbs/dual-heading

Besplatno. Naslov u dva dijela, od kojih je drugi naglašen bojom, prijelazom (gradient), obrubom ili podvlakom. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
firststring""—
secondstring""—
levelinteger2—
lookstring"accent"accent gradient outline underline
stackedbooleanfalse—
justifystring"start"start center end

Popis značajki pbs/feature-list

Besplatno. Značajke u mreži, svaka s ikonom, naslovom i kratkim opisom. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
itemsarray[]—
iconstring"check"check star info arrow dot circle
columnsinteger3—
levelinteger2—
accentstring"primary"text primary secondary contrast

Rječnik pojmova pbs/glossary

Besplatno. Pojmovi i njihove definicije, sortirani od A do Z, svaki s vlastitom poveznicom. Može povezati prvo spominjanje svakog pojma na stranici s njegovom definicijom. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
itemsarray[]—
sortbooleantrue—
showIndexbooleanfalse—
autoLinkbooleanfalse—

Popis s ikonama pbs/icon-list

Besplatno. Popis u kojem svaki redak započinje ikonom: kvačicom, strelicom ili bilo kojom ikonom iz biblioteke. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
itemsarray[]—
iconstring"check"check dot arrow star circle
layoutstring"stacked"stacked inline
accentstring"primary"text primary secondary contrast

Okvir s informacijama pbs/info-box

Besplatno. Ikona, kratak naslov, rečenica ili dvije i neobavezna poveznica: za usluge, pogodnosti ili podatke za kontakt. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
svgstring""—
iconRefstring""—
iconstring"info"info star check arrow dot circle
showIconbooleantrue—
titlestring""—
contentstring""—
linkUrlstring""—
linkTextstring""—
newTabbooleanfalse—
alignstring"start"start center
levelinteger2—
accentstring"primary"text primary secondary contrast

Modal pbs/modal

Besplatno. Gumb koji otvara prozor preko stranice, s bilo kojim blokovima unutar njega. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
triggerstring""—
titlestring""—
sizestring"medium"small medium large
backdropClosebooleantrue—

Bočna ploča pbs/off-canvas

Besplatno. Gumb koji uvlači ploču sa strane prozora, s bilo kojim blokovima unutar nje. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
triggerstring""—
titlestring""—
sidestring"end"start end
backdropClosebooleantrue—

Objave pbs/posts

Pro. Objave, stranice, stavke portfelja ili proizvodi u obliku kartica: mreža, popis, zidani raspored (masonry) ili vrtuljak, s filtrom kategorija i stranicama ili gumbom “Učitaj više”. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
layoutstring"grid"grid list masonry carousel
columnsinteger3—
postTypestring"post"—
perPageinteger6—
categoriesarray[]—
orderBystring"date"date title modified menu_order rand
orderstring"DESC"DESC ASC
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleantrue—
showTermsbooleanfalse—
showPricebooleantrue—
levelinteger2—
filterbooleanfalse—
paginationstring"none"none numbers more
autoplaybooleanfalse—
intervalinteger5—
loopbooleantrue—
arrowsbooleantrue—
dotsbooleantrue—

Prikaži više pbs/show-more

Pro. Dugačak sadržaj skraćen na određenu visinu, s gumbom koji prikazuje ostatak. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
heightstring"medium"small medium large
moreLabelstring""—
lessLabelstring""—

Koraci pbs/steps

Besplatno. Numerirani koraci procesa, po redu, niz stranicu ili jedan pored drugog. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
itemsarray[]—
layoutstring"vertical"vertical horizontal
levelinteger2—
accentstring"primary"text primary secondary contrast

Kartice pbs/tabs

Besplatno. Sadržaj u karticama: posjetitelji se prebacuju između panela mišem ili tipkovnicom. Pogledajte kako radi.

Unutarnji blokovi: Tab.

AtributVrstaZadanoVrijednosti
labelstring""—
verticalbooleanfalse—
selectedinteger0—

Opis elementa (Tooltip) pbs/tooltip

Besplatno. Riječ ili fraza koja prikazuje kratko objašnjenje prilikom prelaska mišem ili tipkovničkog fokusa. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
textstring""—
tipstring""—
placementstring"top"top bottom

Marketing i prodaja

A/B test pbs/ab-test

Pro. Dvije verzije odjeljka: svaki posjetitelj vidi jednu, a zaslon A/B testova prikazuje koja ostvaruje bolje konverzije. Pogledajte kako radi.

Unutarnji blokovi: A/B verzija.

AtributVrstaZadanoVrijednosti
testIdstring""—
namestring""—
splitnumber50—
goalstring""—

Animirani naslov pbs/animated-headline

Pro. Naslov čija se ključna riječ mijenja, s gumbom za pauzu i bez pokreta za posjetitelje koji žele manje animacija. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
beforestring""—
wordsarray[]—
afterstring""—
effectstring"fade"fade slide type
levelinteger2—
intervalinteger2500—

Uređivač podržava: interactivity.

Prije i poslije pbs/before-after

Pro. Dvije slike jedna na drugoj s klizačem za njihovu usporedbu. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
beforeUrlstring""—
beforeIdinteger0—
beforeAltstring""—
beforeLabelstring""—
afterUrlstring""—
afterIdinteger0—
afterAltstring""—
afterLabelstring""—
positioninteger50—

Uređivač podržava: interactivity.

Poziv na akciju pbs/call-to-action

Besplatno. Naslov, rečenica i jedan ili dva gumba koji traže od posjetitelja da djeluje. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
titlestring""—
contentstring""—
levelinteger2—
primaryTextstring""—
primaryUrlstring""—
primaryNewTabbooleanfalse—
secondaryTextstring""—
secondaryUrlstring""—
secondaryNewTabbooleanfalse—
layoutstring"stacked"stacked split
alignstring"center"start center

Kliknite za dijeljenje citata pbs/click-to-tweet

Pro. Citat s gumbom koji otvara objavu na platformi X s citatom i poveznicom na ovu stranicu. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
quotestring""—
viastring""—
urlstring""—
buttonTextstring""—

Usporedna tablica pbs/comparison-table

Besplatno. Planovi ili proizvodi jedni pored drugih, s oznakama da i ne koje čitači zaslona čitaju kao riječi. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
captionstring""—
columnsarray[]—
rowsarray[]—
stickyHeaderbooleanfalse—
onlyDifferencesbooleanfalse—

Gumbi za kontakt pbs/contact-buttons

Besplatno. Gumbi za poziv, e-poštu, SMS ili poruku putem WhatsAppa. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
itemsarray[]—
messagestring""—

Odbrojavanje pbs/countdown

Pro. Odbrojavanje do određenog datuma ili trajno (evergreen) odbrojavanje koje počinje kada pojedini posjetitelj prvi put stigne. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
modestring"date"date evergreen
datestring""—
evergreenHoursinteger24—
labelstring""—
expiredTextstring""—
showSecondsbooleantrue—

Uređivač podržava: interactivity.

Brojač pbs/counter

Pro. Broj koji se povećava kada dođe u vidno polje, s oznakom. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
startnumber0—
endnumber100—
decimalsinteger0—
durationinteger2000—
prefixstring""—
suffixstring""—
labelstring""—
separatorbooleantrue—

Uređivač podržava: interactivity.

Kôd kupona pbs/coupon-code

Pro. Kôd za popust koji posjetitelji otkrivaju i kopiraju jednim klikom. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
codestring""—
descriptionstring""—
buttonTextstring""—
expiresstring""—

Uređivač podržava: interactivity.

Preokretni okvir pbs/flip-box

Pro. Kartica koja se preokreće kako bi prikazala više: pri prelasku mišem, pri fokusu tipkovnice ili s vlastitim gumbom na zaslonima osjetljivim na dodir. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
svgstring""—
iconRefstring""—
frontTitlestring""—
frontTextstring""—
backTitlestring""—
backTextstring""—
buttonTextstring""—
buttonUrlstring""—
effectstring"flip"flip fade
levelinteger2—

Uređivač podržava: interactivity.

Obrazac pbs/form

Besplatno. Prikazuje obrazac iz Contact Form 7, WPForms, Gravity Forms ili Fluent Forms, stiliziran tako da odgovara vašoj web stranici. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
providerstring"" cf7 wpforms gravityforms fluentforms
formIdstring""—
fieldStylestring"outlined"outlined filled underlined
buttonWidthstring"auto"auto full

Obrazac pbs/form-builder

Pro. Obrazac za kontakt, ponudu, registraciju ili obrazac u više koraka sa zaštitom od neželjene pošte, učitavanjem datoteka i uvjetnim poljima; svaka prijava može se poslati e-poštom, spremiti, poslati na webhook ili dodati na popis primatelja. Pogledajte kako radi.

Unutarnji blokovi: Polje obrasca, Korak obrasca.

AtributVrstaZadanoVrijednosti
formIdstring""—
titlestring""—
submitTextstring""—
successMessagestring""—
redirectUrlstring""—
trackEventstring""—
actionsobject{}—

Žarišne točke pbs/hotspots

Pro. Slika s točkama koje otvaraju kratku bilješku kada se odaberu. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
pointsarray[]—

Uređivač podržava: interactivity.

Mreža logotipa pbs/logo-grid

Pro. Logotipi klijenata ili partnera u mreži, svaki s neobaveznom poveznicom. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
logosarray[]—
columnsinteger4—
grayscalebooleantrue—

Kružna traka s logotipima pbs/logo-marquee

Pro. Logotipi koji polako klize, s gumbom za pauzu; mirno za posjetitelje koji traže manje kretanja. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
logosarray[]—
speedstring"normal"slow normal fast
grayscalebooleantrue—

Uređivač podržava: interactivity.

Lottie animacija pbs/lottie

Pro. Lottie animacija iz datoteke koju prenesete, reproducira se na ovoj stranici bez vanjskih zahtjeva. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
fileIdinteger0—
fileNamestring""—
labelstring""—
loopbooleantrue—
playstring"view"view load hover
speednumber1—

Uređivač podržava: interactivity.

Prijava na bilten pbs/newsletter

Pro. Obrazac za prijavu putem e-pošte za Mailchimp, MailPoet ili AWeber, s potvrdnim okvirom za privolu i jasnom porukom o uspjehu ili neuspjehu. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
servicestring"mailpoet"mailpoet mailchimp aweber
liststring""—
headingstring""—
textstring""—
buttonTextstring""—
consentTextstring""—
successTextstring""—
layoutstring"stacked"stacked inline

Uređivač podržava: interactivity.

Cjenik pbs/price-list

Pro. Stavke s nazivom, cijenom i kratkim opisom, poput jelovnika ili popisa usluga. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
itemsarray[]—

Tablica s cijenama pbs/pricing-table

Pro. Planovi jedan pored drugog sa cijenom, značajkama i gumbom, uz opcionalni mjesečni / godišnji prekidač. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
plansarray[]—
billingTogglebooleanfalse—
currencystring"$"—
monthlyLabelstring""—
yearlyLabelstring""—
yearlyNotestring""—
levelinteger2—

Uređivač podržava: interactivity.

Promotivna traka pbs/promo-bar

Pro. Tanka traka za obavijesti koja ostaje na vrhu ili dnu ekrana i koju posjetitelji mogu zatvoriti. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
contentstring""—
linkTextstring""—
linkUrlstring""—
newTabbooleanfalse—
positionstring"top"top bottom inline
dismissiblebooleantrue—
variantstring"dark"dark accent light

Uređivač podržava: interactivity.

Obavijesti o nedavnoj prodaji pbs/social-proof

Pro. Male obavijesti o stvarnim nedavnim narudžbama s platformi WooCommerce ili Easy Digital Downloads: ime kupca i grad, samo za kupce koji su pristali prilikom plaćanja. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
sourcestring"auto"auto woocommerce edd
countinteger10—
maxAgeDaysinteger14—
showForinteger6—
gapinteger12—
positionstring"start"start end
showProductbooleantrue—
showTimebooleantrue—

Uređivač podržava: interactivity.

Traka za dijeljenje pbs/share-bar

Pro. Gumbi za dijeljenje ove stranice na društvenim mrežama, putem e-pošte, putem izbornika za dijeljenje na samom uređaju ili kopiranjem veze. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
networksarray[]—
layoutstring"inline"inline floating
labelstring""—

Uređivač podržava: interactivity.

Ikone društvenih mreža pbs/social-icons

Besplatno. Poveznice na vaše profile, iscrtane vlastitim ikonama mreža. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
itemsarray[]—
lookstring"filled"plain filled outline
shapestring"circle"circle rounded square
sizestring"medium"small medium large
justifystring"start"start center end
newTabbooleantrue—

Tim pbs/team

Pro. Ljudi s njihovom fotografijom, imenom, ulogom, kratkom biografijom i poveznicama. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
membersarray[]—
columnsinteger3—
levelinteger2—

Preporuka pbs/testimonial

Besplatno. Citat klijenta s njihovim imenom, ulogom, fotografijom i neobaveznom ocjenom zvjezdicama. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
quotestring""—
namestring""—
rolestring""—
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
ratinginteger0—
layoutstring"stacked"stacked side
alignstring"start"start center

Vremenska traka pbs/timeline

Pro. Događaji po redu s datumima, duž linije. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
itemsarray[]—
levelinteger2—

Oznake povjerenja pbs/trust-badges

Pro. Kratka jamstva sa zasebnom ikonom: sigurno plaćanje, besplatna dostava, jednostavan povrat. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
badgesarray[]—
layoutstring"row"row grid

Gumb za WhatsApp razgovor pbs/whatsapp

Besplatno. Plutajući gumb u kutu stranice koji otvara WhatsApp razgovor s vama. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
phonestring""—
messagestring""—
labelstring""—
showLabelbooleanfalse—
positionstring"end"end start

Slike, videozapisi i mediji

Preglednik 3D modela pbs/model-viewer

Pro. 3D model (glTF ili GLB) koji posjetitelji mogu rotirati i uvećavati, opcionalno i u proširenoj stvarnosti. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
srcstring""—
altstring""—
posterstring""—
autoRotatebooleanfalse—
arbooleanfalse—

Audio reproduktor pbs/audio-player

Pro. Reproduktor podcasta ili glazbe: epizode, naslovnice i brzina reprodukcije oko vlastitog reproduktora u pregledniku. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
tracksarray[]—
titlestring""—
artworkobject——

Kalendar rezervacija pbs/booking

Besplatno. Calendly ili Cal.com kalendar rezervacija, učitava se samo kada posjetitelj to zatraži. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
providerstring"calendly"calendly cal
urlstring""—
labelstring""—

Uređivač podržava: interactivity.

Pro. Slike u zidnom (masonry), poravnatom ili ravnomjernom rasteru, koje se otvaraju u pristupačnom lightboxu. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
imagesarray[]—
layoutstring"masonry"masonry justified grid
columnsinteger3—
lightboxbooleantrue—
captionsbooleanfalse—

Ikona pbs/icon

Besplatno. SVG ikona. Oznake se čiste prije nego što se prikažu. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
svgstring""—
stylestring""—
iconRefstring""—
displaystring—inline block
justifystring"start"start center end
labelstring""—

Harmonika slika pbs/image-accordion

Pro. Paneli sa slikama jedan pored drugog; onaj ispod pokazivača ili tipkovnice proširuje se kako bi prikazao svoj tekst. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
itemsarray[]—

Karta pbs/map

Besplatno. Karta mjesta s OpenStreetMapa: bez ključa i ništa se ne učitava s OpenStreetMapa dok posjetitelj ne zatraži kartu. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
latnumber——
lngnumber——
zoomnumber14—
labelstring""—

Uređivač podržava: align, interactivity.

Paralaks slika pbs/parallax-image

Pro. Slika koja pluta dok se stranica pomiče. Miruje za posjetitelje koji više vole manje pokreta. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
imageobject——
strengthstring"medium"low medium high
heightstring"medium"small medium large

PDF preglednik pbs/pdf-viewer

Pro. PDF koji preglednik prikazuje na stranici, s poveznicom za njegovo otvaranje. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
srcstring""—
titlestring""—
heightstring"medium"small medium large

QR kod pbs/qr-code

Besplatno. QR kod za web adresu ili bilo koji tekst, generiran na vašoj vlastitoj stranici (ne koristi se vanjska QR usluga). Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
textstring""—
svgstring""—
altstring""—
captionstring""—

Klizač pbs/slider

Pro. Vrtuljak slajdova, slika, objava ili proizvoda: povlačenje, gumbi ili automatski, i pristupačan. Pogledajte kako radi.

Unutarnji blokovi: Slajd.

AtributTipZadanoVrijednosti
labelstring""—
sourcestring"slides"slides images posts products
imagesarray[]—
postTypestring"post"—
perPageinteger6—
categoriesarray[]—
orderBystring"date"date title modified menu_order rand
orderstring"DESC"DESC ASC
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleantrue—
showTermsbooleanfalse—
showPricebooleantrue—
effectstring"slide"slide fade kenburns
perViewinteger1—
perViewTabletinteger1—
perViewMobileinteger1—
autoplaybooleanfalse—
intervalinteger5—
loopbooleantrue—
arrowsbooleantrue—
dotsbooleantrue—

Pro. Mreža videozapisa. YouTube i Vimeo učitavaju se tek kada posjetitelj pritisne reprodukciju, a posteri ostaju na vašoj web-stranici. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
videosarray[]—
columnsinteger3—

Videoplaylista pbs/video-playlist

Pro. Jedan reproduktor i popis videozapisa: vaše vlastite datoteke ili YouTube i Vimeo koji se učitavaju tek nakon odabira. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
videosarray[]—
labelstring""—

Podaci, grafikoni i tablice

Grafikon pbs/chart

Pro. Stupčasti, linijski ili tortni grafikon iscrtan na poslužitelju, s brojevima u tablici za sve koji ne mogu vidjeti grafikon. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
typestring"bar"bar line pie
titlestring""—
labelsarray[]—
seriesarray[]—
valuePrefixstring""—
valueSuffixstring""—
heightstring"medium"short medium tall
showLegendbooleantrue—
showValuesbooleanfalse—

Kôd pbs/code

Besplatno. Prikaz kôda s isticanjem sintakse, brojevima redaka i gumbom za kopiranje. Ostaje čitljiv čak i ako se dodatak isključi. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
codestring""—
languagestring"auto"—
filenamestring""—
lineNumbersbooleanfalse—
copybooleantrue—
wrapbooleanfalse—

Uređivač podržava: interactivity.

Tablica podataka pbs/data-table

Pro. Tablica koju posjetitelji mogu sortirati i pretraživati, a koja ostaje čitljiva na telefonu. Zalijepite ili uvezite CSV datoteku. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
captionstring""—
columnsarray[]—
rowsarray[]—
sortablebooleantrue—
searchablebooleantrue—
layoutstring"stack"stack scroll
stripedbooleantrue—
rowHeadersbooleanfalse—

Uređivač podržava: interactivity.

Događaji pbs/events

Pro. Nadolazeći događaji u obliku popisa ili mjesečnog kalendara, u vremenskoj zoni web-mjesta. Prošli događaji sami napuštaju popis. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
eventsniz[]—
viewtekstualni niz"list"list calendar
showPastlogička vrijednostfalse—
sourcetekstualni niz"manual"manual tec
tecCategorytekstualni niz""—
limitbroj20—
categoriesniz[]—
hideCanceledlogička vrijednostfalse—
hidePostponedlogička vrijednostfalse—

Uređivač podržava: interactivity.

Google i Trustpilot recenzije pbs/reviews

Pro. Vaše Google i Trustpilot recenzije u obliku mreže, klizača ili značke. Osvježavaju se jednom dnevno u pozadini, tako da stranice nikada ne čekaju nijednu od usluga. Pogledajte kako funkcionira.

AtributVrstaZadanoVrijednosti
sourcestring"both"both google trustpilot
layoutstring"grid"grid slider badge
minRatinginteger4—
orderstring"newest"newest best
countinteger6—
showDatebooleantrue—
showSummarybooleanfalse—
labelstring""—

Uređivač podržava: interactivity.

Organigram pbs/org-chart

Pro. Tko kome odgovara, kao stablo ljudi s njihovim ulogama i fotografijama. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
labelstring""—
peoplearray[]—

Traka napretka pbs/progress-bar

Besplatno. Označena traka koja prikazuje dokle je nešto napredovalo, poput vještine ili cilja. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
labelstring""—
valueinteger50—
maxinteger100—
showValuebooleantrue—

Krug napretka pbs/progress-circle

Pro. Prsten koji se popunjava do određene vrijednosti, s brojem i oznakom kao pravim tekstom. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
valuebroj75—
maxbroj100—
labelniz""—
formatniz"percent"percent value
sizeniz"medium"small medium large
thicknessniz"normal"thin normal thick

Petlja upita pbs/query-loop

Pro. Izlistajte objave, proizvode, korisnike, kategorije ili polje za ponavljanje (repeater field), filtrirane i sortirane, uz karticu koju dizajnirate samo jednom. Opcionalni filtri uživo i stranice. Pogledajte kako radi.

AtributTipZadanoVrijednosti
loopIdstring""—
sourcestring"posts"posts users terms field
postTypestring"post"—
inheritbooleanfalse—
termsarray[]—
metaKeystring""—
metaValuestring""—
metaComparestring"="= != > >= < <= LIKE EXISTS NOT EXISTS
orderBystring"date"—
orderMetaKeystring""—
orderstring"DESC"DESC ASC
perPageinteger6—
offsetinteger0—
excludeCurrentbooleanfalse—
taxonomystring"category"—
hideEmptybooleantrue—
fieldProviderstring"meta"—
fieldKeystring""—
columnsinteger3—
layoutstring"grid"grid list
paginationstring"none"none numbers prevnext
filtersarray[]—
filterPositionstring"top"top start
livebooleantrue—
noResultsstring""—

Uređivač podržava: interactivity.

Plan razvoja pbs/roadmap

Pro. Što je planirano, u tijeku i dovršeno, kao ploča s tri stupca ili kao jedan popis. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
itemsarray[]—
layoutstring"board"board list
headingLevelinteger2—

Zvjezdana ocjena pbs/star-rating

Besplatno. Ocjena prikazana kao zvjezdice, u koracima od pola zvjezdice. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
ratingnumber4—
maxinteger5—
showValuebooleanfalse—

Izrada web-stranice i navigacija

Okvir za autora pbs/author-box

Pro. Autor ove objave: fotografija, ime, biografija i poveznice. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
showAvatarbooleantrue—
showBiobooleantrue—
showPostsbooleantrue—
showWebsitebooleantrue—
avatarSizenumber96—
headingLevelstring"h2"—

Profil autora pbs/user-profile

Besplatno. Slika autora, ime, biografija i poveznice, ili podaci odabranog korisnika. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
sourcestring"author"author user
userIdnumber0—
showAvatarbooleantrue—
showBiobooleantrue—
showLinksbooleantrue—

Natrag na vrh pbs/back-to-top

Pro. Gumb u kutu zaslona koji posjetitelja vraća na vrh stranice. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
labelstring""—
positionstring"end"—
showAfternumber400—
showLabelbooleanfalse—

Uređivač podržava: interactivity.

Navigacijske mrvice pbs/breadcrumbs

Pro. Put od početne stranice do ove stranice, sa strukturiranim podacima za tražilice. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
showHomebooleantrue—
homeLabelstring""—
separatorstring"chevron"—
showCurrentbooleantrue—
schemabooleantrue—

Radno vrijeme pbs/business-hours

Pro. Vaše radno vrijeme za tjedan, s linijom „Trenutno otvoreno” izračunatom prema vremenskoj zoni vaše web stranice. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
titlestring""—
daysarray[{"closed":true,"ranges":[]},{"closed…—
showOpenNowbooleantrue—
highlightTodaybooleantrue—
notestring""—

Uređivač podržava: interactivity.

Prekidač tamnog načina rada pbs/dark-mode-switch

Pro. Gumb koji prebacuje web-stranicu između svijetlih i tamnih boja te pamti odabir posjetitelja. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
labelstring""—
showLabelbooleanfalse—

Uređivač podržava: interactivity.

Prijava i registracija pbs/login-form

Pro. WordPress obrazac za prijavu ili registraciju i poveznica za odjavu nakon prijave. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
modestring"login"—
redirectstring""—
showRememberbooleantrue—
showLostbooleantrue—
showRegisterbooleantrue—

Mini košarica pbs/mini-cart

Pro. Broj stavki i ukupni iznos košarice posjetitelja, otvaranje stavki u košarici. Ostaje ažurirano nakon dodavanja u košaricu, čak i na predmemoriranoj stranici. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
labelstring""—

Navigacijski izbornik pbs/nav-menu

Besplatno. WordPress izbornik s padajućim stavkama i mobilnim izbornikom: bočna traka, izbornik preko cijelog zaslona ili padajući izbornik. Megaizbornici uz Pro. Pogledajte kako radi.

Unutarnji blokovi: ploča megaizbornika (Pro).

AtributVrstaZadanoVrijednosti
menuIdnumber0—
orientationstring"horizontal"horizontal vertical
collapsestring"mobile"mobile tablet always never custom
openOnstring"click"click hover
labelstring""—
breakpointnumber900—
mobileStylestring"drawer"drawer fullscreen dropdown
drawerSidestring"end"end start
toggleIconstring"menu"menu menu-alt grid none
toggleLabelstring""—
toggleShowLabelbooleantrue—
toggleStylestring"outline"outline solid plain
closeOnLinkbooleantrue—
mobileSubmenusstring"collapsed"collapsed expanded
closeDelaynumber150—
animationstring"fade"none fade slide
skipLinkbooleanfalse—
skipTargetstring"main"—

Uređivač podržava: interactivity.

Sadržaj zaštićen lozinkom pbs/protected

Besplatno. Blokovi koje mogu vidjeti samo posjetitelji s lozinkom. Dok je ne unesu, sadržaj se uopće ne nalazi na stranici. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
lockIdstring""—
hashstring""—
messagestring""—

Pojedinosti objave pbs/post-meta

Besplatno. Autor objave, datumi, kategorije, oznake, vrijeme čitanja i broj komentara. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
itemsarray["author","date","readingTime"]—

Element proizvoda pbs/product-element

Pro. Jedan dio proizvoda: njegov naslov, galerija, cijena, ocjena, dodavanje u košaricu, kartice, povezani proizvodi, dodatna prodaja (upsells), oznaka rasprodaje ili zaliha. Prikazuje proizvod koji se pregledava, proizvod iz petlje ili onaj koji sami odaberete. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
partstring"title"title gallery image price rating excerpt description add_to_cart meta tabs related upsells sale_badge stock
productIdinteger0—
levelinteger0—

Traka napretka čitanja pbs/reading-progress

Besplatno. Tanka traka na rubu prozora koja se popunjava dok posjetitelji listaju stranicu. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
positionstring"top"top bottom

Vrijeme čitanja pbs/reading-time

Pro. Koliko minuta je potrebno za čitanje ove objave. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
wpmnumber200—
formatstring"long"—
prefixstring""—

Besplatno. Objave koje dijele kategorije ili oznake ove objave, s njihovim slikama, datumima i sažecima. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
countnumber3—
bystring"both"both categories tags
fallbackbooleantrue—
headingstring""—
headingLevelnumber2—
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleanfalse—

Pretraživanje pbs/search-form

Pro. Polje za pretraživanje ove web stranice. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
labelstring""—
placeholderstring""—
buttonTextstring""—
showLabelbooleanfalse—
iconButtonbooleantrue—
postTypestring""—

Gumbi za dijeljenje pbs/share-buttons

Pro. Gumbi koji dijele ovu stranicu na društvenim mrežama, e-poštom ili kopiranjem njezine veze. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
networksarray["facebook","x","linkedin","whatsapp"…—
showLabelsbooleanfalse—
shapestring"rounded"—
nativebooleantrue—
labelstring""—

Uređivač podržava: interactivity.

Stranica trgovine pbs/shop-page

Pro. WooCommerce dio stranice trgovine u predlošku: vlastita košarica ili naplata stranice (blok ili klasično), klasična košarica, naplata ili Moj račun, ili detalji primljene narudžbe. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
pagestring"content"content cart checkout account order

Zaglavlje web-mjesta pbs/site-header

Pro. Vrh web-stranice: logotip, navigacija i sve ostalo, u jednom ili više redaka; po želji ljepljivo, prozirno, sa smanjivanjem ili skrivanjem pri pomicanju prema dolje. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
stickybooleanfalse—
transparentbooleanfalse—
shrinkbooleanfalse—
hideOnScrollbooleanfalse—
stickyFrombroj0—

Uređivač podržava: interactivity.

Mapa web-mjesta pbs/sitemap

Besplatno. Stranica s popisom svih objavljenih stranica i objava (te ostalog javnog sadržaja), uz očuvanu strukturu stabla stranica. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
postTypesarray["page","post"]—
showHeadingsbooleantrue—
headingLevelnumber2—

Pronalaženje trgovina pbs/store-locator

Pro. Svaka lokacija na popisu koji posjetitelji mogu pretraživati ili sortirati po udaljenosti, te na OpenStreetMap karti koja se učitava samo kada to posjetitelj zatraži. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
labelstring""—
locationsarray[]—
showSearchbooleantrue—
showMapbooleantrue—
zoominteger0—

Uređivač podržava: interactivity.

Sadržaj pbs/table-of-contents

Besplatno. Popis naslova na stranici, izrađen automatski, koji vodi do svakog od njih. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
titlestring""—
minLevelinteger2—
maxLevelinteger3—
orderedbooleanfalse—
collapsiblebooleanfalse—
collapsedbooleanfalse—
spybooleantrue—

Kasino, iGaming i affiliate

Affiliate gumb pbs/affiliate-button

Pro. Gumb za ponudu, označen kao sponzorirana poveznica, opcionalno putem skraćene poveznice koja broji klikove. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
textstring""—
urlstring""—
linkIdnumber0—
newTabbooleantrue—
variantstring"fill"fill outline
sizestring"medium"small medium large

Provjera dobi pbs/age-gate

Pro. Traži od posjetitelja da potvrde svoju dob prije nego što vide web-mjesto, s minimalnom dobi po zemlji. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
minAgebroj18—
rulesniz (array)[]—
modetekst (string)"confirm"confirm birthdate
rememberDaysbroj30—
titletekst (string)""—
messagetekst (string)""—
deniedMessagetekst (string)""—

Uređivač podržava: interactivity.

Tablica za usporedbu kasina pbs/casino-table

Pro. Ponude uspoređene jedna pored druge, svaka sa svojim bonusom, ocjenom, istaknutim značajkama, gumbom i uvjetima. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
offersarray[]—
captionstring""—
showRankbooleantrue—
showRatingbooleantrue—
showFeaturesbooleantrue—
noticestring""—
agenumber18—

Cijene kriptovaluta pbs/crypto-ticker

Pro. Cijene kriptovaluta s CoinGecka, kao traka (ticker), kartice ili grafikon cijena. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
coinsarray["bitcoin","ethereum","solana"]—
currencystring"usd"—
layoutstring"ticker"ticker cards chart
daysnumber7—
labelstring""—

Kartica ponude pbs/offer-card

Pro. Jedna ponuda: logotip, bonus, istaknute stavke, sponzorirani gumb, uvjeti i obavijest o dobi. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
namestring""—
logostring""—
logoIdnumber0—
bonusstring""—
descriptionstring""—
featuresstring""—
ratingnumber0—
urlstring""—
linkIdnumber0—
ctastring""—
termsstring""—
badgestring""—
agenumber18—
headingLevelstring"h2"h2 h3 h4 p

Prednosti i nedostaci pbs/pros-cons

Pro. Dva popisa jedan pored drugog: što je dobro i što nije. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
prosTitlestring""—
consTitlestring""—
prosarray[]—
consarray[]—
headingLevelstring"h2"h2 h3 h4 p

Obavijest o odgovornom igranju pbs/rg-notice

Pro. Poruka o odgovornom kockanju i poveznica za pomoć, odabrani prema zemlji posjetitelja. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
textstring""—
urlstring""—
linkTextstring""—
useHelpbooleantrue—
countriesarray[]—
showAgebooleantrue—
agenumber18—

Ocjena recenzije pbs/review-score

Pro. Ukupna ocjena, ocjene za svaki kriterij i konačna presuda. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
scorenumber8—
scalenumber10—
labelstring""—
criteriaarray[]—
verdictstring""—

Widgeti i dodaci

Kratki kod (dodatak) pbs/shortcode

Besplatno. Kratki kod iz dodatka napisanog za klasični uređivač Page Builder Sandwich, s postavkama koje je dodatak deklarirao. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
tagstring""—
attrsobject{}—
contentstring""—

Widget pbs/widget

Besplatno. Prikazuje jedan od registriranih klasičnih widgeta web-mjesta. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
widgetstring""—
instanceobject{}—
fallbackHtmlstring""—

Područje widgeta pbs/sidebar

Besplatno. Prikazuje widgete u jednom od područja za widgete teme. Pogledajte kako radi.

AtributVrstaZadanoVrijednosti
sidebarstring""—
fallbackHtmlstring""—