Skip to main content

Shortcode [dentisity_shop_catalogue]

Shortcode-ul [dentisity_shop_catalogue] afișează catalogul interactiv de workshop-uri și add-on-uri disponibile la congres. Include carduri cu detalii complete, stare de disponibilitate, prețuri și posibilitate de adăugare directă în coș.

Inserare de bază​

[dentisity_shop_catalogue]
Catalogul shop afișat pe pagina publică cu secțiunile de workshop-uri și add-on-uri

Atribute disponibile​

AtributValoriImplicitDescriere
hide_ownedyes / nonoAscunde cardurile pentru workshop-urile la care participantul este deja înscris sau add-on-urile deja cumpărate
show_imagesyes / nodin setăriControlează afișarea imaginilor pe carduri; suprascrie setarea globală dacă e specificat

Exemple​

Ascunde cardurile deja achiziționate:

[dentisity_shop_catalogue hide_owned="yes"]

Combinate:

[dentisity_shop_catalogue hide_owned="yes" show_images="yes"]

Carduri workshop​

Fiecare card de workshop afișează:

  • Imagine — imaginea produsului (dacă show_images este activ)
  • Titlu — denumirea workshop-ului
  • Zi și interval orar — data și ora sesiunii
  • Speaker principal — primul speaker și numărul celorlalți (ex. „Dr. Ionescu +2")
  • Preț — prețul valului activ
  • Locuri disponibile — număr de locuri rămase (sau „Epuizat")
  • Stare — indicator vizual pentru suprapuneri de program sau locuri limitate
  • Butoane — Detalii (deschide modalul) și Adaugă în coș / Înscris
Card de workshop cu titlu, orar, speaker, preț și butoanele de acțiune

Stări posibile pe cardul de workshop​

StareAfișaj
DisponibilButon activ „Adaugă"
ÎnscrisButon dezactivat „Înscris" cu bifă
EpuizatPill „Epuizat" pe imagine, buton dezactivat
Suprapunere de programCard marcat, detalii conflict vizibile în modal

Carduri add-on​

Fiecare card de add-on afișează:

  • Imagine — imaginea produsului (dacă show_images este activ)
  • Titlu — denumirea add-on-ului
  • Preț — prețul valului activ
  • Stare — indicator pentru disponibilitate limitată
  • Butoane — Detalii (deschide modalul) și Adaugă în coș / Cumpărat / Inclus
Card de add-on cu titlu, preț și butoanele de acțiune

Modalul de detalii​

La apăsarea butonului Detalii se deschide modalul de detalii — un singur design modern, folosit consecvent în catalog, în formularul de înregistrare (pasul de workshop-uri) și în secțiunile trending. Descrierea acceptă HTML formatat (paragrafe, liste, linkuri, îngroșat).

Pe mobil — bottom sheet​

Pe dispozitive mobile, modalul V2 apare ca un bottom sheet care alunecă de jos în sus. Poate fi închis prin:

  • Tragere în jos (drag-to-dismiss)
  • Butonul X din colțul din dreapta
  • Butonul Back al telefonului (History API)
  • Tasta Escape
Modalul V2 pe mobil ca bottom sheet cu handle de drag, detalii workshop și buton de cumpărare în footer sticky

Pe desktop — dialog centrat​

Pe ecrane mari (≥ 640px), modalul V2 apare ca un dialog centrat cu intrare animată. Se închide prin click pe fundal, butonul X sau Escape.

Modalul V2 pe desktop ca dialog centrat cu imagine hero, detalii și footer cu preț și buton de cumpărare

Conținut afișat în modal​

  • Imagine hero — banner vizual al workshop-ului sau add-on-ului
  • Titlu
  • Metadate — zi, interval orar, locuri disponibile (pentru workshop-uri); preț (pentru add-on-uri)
  • Speakeri — chipuri cu avatare și nume (animație cu stagger)
  • Descriere completă — acceptă HTML formatat (paragrafe, liste, linkuri, îngroșat)
  • Sponsori — logouri (pentru workshop-uri)
  • Suprapuneri — conflicte de program detectate automat (pentru workshop-uri)
  • Footer sticky — preț și buton de acțiune. În formularul de înregistrare, butonul selectează / deselectează workshop-ul direct din modal.
info

Modalul respectă prefers-reduced-motion: toate animațiile de transform sunt dezactivate, rămânând doar tranziții de opacitate.

Setări globale​

Setările implicite ale catalogului se configurează din WordPress Admin → Dentisity → Setări → Catalog shop.

Secțiunea de setări Catalog shop din admin cu opțiunile pentru imagini și pagina catalogului

Afișare imagini​

Activează sau dezactivează afișarea imaginilor pe carduri la nivel global. Poate fi suprascrisă per-inserare cu atributul show_images.

Pagina Shop Catalogue​

Selectează pagina care conține acest shortcode. Este folosită de shortcode-urile trending: butoanele lor „Adaugă în coș" trimit aici, cu produsul pre-selectat. Dacă nu e setată, butoanele trending revin la comportamentul WooCommerce standard (?add-to-cart).

Catalogul acceptă parametrul de URL ?dnt_add=ID (unde ID este id-ul produsului). La încărcarea paginii:

  • produsul corespunzător este pre-selectat în coș (dacă e disponibil pentru participant),
  • cardul lui este derulat în vizor și evidențiat scurt,
  • parametrul este eliminat din URL pentru a nu se re-adăuga la refresh.

Poți pre-selecta mai multe produse deodată printr-o listă separată prin virgulă: ?dnt_add=12,34,56.

info

Acesta este mecanismul folosit de shortcode-urile trending. De regulă nu construiești manual aceste linkuri — butoanele trending le generează automat pe baza paginii setate la Pagina Shop Catalogue.

Inserare în Gutenberg​

  1. Deschide pagina unde vrei catalogul.
  2. Adaugă un bloc Shortcode.
  3. Introdu shortcode-ul dorit (ex. [dentisity_shop_catalogue]).
  4. Salvează sau publică pagina.

Actualizarea catalogului​

Catalogul se actualizează automat pe baza produselor publicate și a setărilor active. Orice modificare a unui workshop sau add-on (preț, disponibilitate, speakeri) se reflectă imediat fără a fi necesară reinserarea shortcode-ului.

warning

Dacă dezactivezi un produs WooCommerce, cardul dispare din catalog imediat. Verifică că modificarea este intenționată înainte de salvare.

Last updated on