logo

Dodatni tipovi blokova (EBT) - Novo iskustvo rada sa Layout Builder-om❗

Dodatni tipovi blokova (EBT) – stilizovani, prilagodljivi tipovi blokova: slajdšouvi, kartice sa tabovima, kartice, akordeoni i mnogi drugi. Ugrađena podešavanja za pozadinu, DOM Box, javascript dodatke. Iskusite budućnost kreiranja rasporeda već danas.

Demo EBT moduli Preuzmite EBT module

❗Dodatni tipovi pasusa (EPT) – Novo iskustvo rada sa pasusima

Dodatni tipovi pasusa (EPT) – analogni skup modula zasnovan na pasusima.

Demo EPT moduli Preuzmite EPT module

Scroll

Moduli Webform block i modul Highslide. Modul kontakata u bloku.

26/05/2025, by Ivan

Ovaj čas je zastareo:

Bolje je koristiti modul Colorbox node:

http://drupal.org/project/colorbox_node

U opisu modula piše kako se koristi.

U ovom času ćemo razmotriti mogućnosti pravljenja formi u blokovima na Drupalu. Za ovaj čas biće nam potrebni moduli Webform, Webform block, Contact form blocks, Contact (modul Kontakt je deo Drupal distribucije), a takođe ćemo pokušati napraviti formu koja se pojavljuje sa lepim vizuelnim efektom. Dakle, krenimo sa podešavanjem ovih modula. Počećemo tako što ćemo napraviti kontakt formu. Idemo u Konstrukcija sajta - Moduli i uključujemo modul Contact.

drupal webform

Kontakt forma je dostupna na adresi Ime_sajta/contact. Možete dodati "contact" u URL ili urediti kontakt formu preko administratorskog menija Konstrukcija sajta - Kontakti.

Prvo je potrebno dodati kategoriju kontakata. Sa sajta kompanije treba da stižu mejlovi menadžerima, tehničkoj podršci, direktoru, za svakog treba napraviti posebnu kategoriju.

Drupal webform

Popunite sva polja sa e-mail adresama i automatskim odgovorom. Ovde takođe možete podesiti podrazumevani prikaz kategorije kada korisnici ulaze na kontakt formu da pošalju poruku.

webform kontakti

Sada, ako odete na stranicu ime_sajta/contact (za lakši pristup možete staviti link u meni), možete poslati poruku:

Drupal webform u bloku

Sada treba podesiti dozvole za modul Contact, da bi i drugi korisnici sajta mogli slati poruke preko ove forme. Idemo u Upravljanje korisnicima - Dozvole i dodeljujemo prava registrovanim i neregistrovanim korisnicima.

Drupal webform prava pristupa

Sada i gosti mogu slati poruke.

Instalirajmo modul Contact form blocks za pravljenje kontakt forme u bloku.

Drupal webform u bloku instalacija

Nakon instalacije modula Contact Form Blocks, među blokovima će se pojaviti blok sa kontakt formom.

Forma kontakata

Kontakt formu možete postaviti u region sadržaja sajta ili napraviti dodatni region i blok tamo smestiti.

Webform

Sada ćemo staviti kontakt formu u poseban blok. Instalirajmo modul Webform block, za koji je potrebno da instaliramo i modul Webform.

Drupal webform uključivanje modula

Napravimo novu kontakt formu putem modula Webform. O tome kako praviti web-forme u Drupalu pomoću Webform modula možete pročitati u prethodnim časovima.

Drupal webform instalacija

Zahvaljujući modulu Webform form blocks, sada možemo izvući formu u blok.

Drupal webform u bloku

Sačuvajte konfiguraciju, nakon čega će u listi blokova biti blok sa novom kontakt formom.

Highslide

Naučili smo kako da prikažemo kontakt formu u bloku. Sada pokušajmo da prikažemo formu sa vizuelnim efektom preko glavnog prozora. Za to možemo koristiti gotov modul Highslide. Za njegovu instalaciju potrebno je instalirati module Imagecache i Image API. Pre nego što uključite modul, potrebno je skinuti Highslide JS biblioteku sa sajta http://highslide.com/download.php i staviti je u folder highslide/highslide. Ako ste skinuli biblioteku sa primerima, pronađite fajl highslide.js i kopirajte samo njega. Može poslužiti i fajl highslide.min.js, ali ga pre kopiranja preimenujte u highslide.js.

Ako otvorite README.txt fajl ovog modula, tamo je uputstvo za korišćenje modula Highslide.

$options['attributes'] = array('class' => 'highslide-ajax-link');
$options['fragment'] = 'node-1';

Odavde treba uzeti ime klase, jer svaka veza sa klasom highslide-ajax-link će se otvarati sa highslide efektom. Takođe je potrebno dodati ID elementa stranice koji treba prikazati u putanju linka.

Dodajmo blok i upišimo u njega sledeći tekst:

<a href="<?php print base_path(); ?>contact#contact-mail-page" class="highslide-ajax-link">Napišite nam</a>

contact-mail-page je ID kontakt forme.

highslide-ajax-link je klasa potrebna da modul Highslide funkcioniše.

Na ovaj način možete prikazivati bilo koje linkove i delove stranica.