Divine Design DOCS
Shop Documentation
CURRENCY kezelése
Jelenleg minden ár magyar forintban van rögzítve Woocommerce szinten.
A CURCY nevű plugin váltja át más pénznemekre az árakat. Jelenlegi CURCY beállítások:
- országok (földrajzi szerver lokáció) szerint automatikus currency választás történik
- a kiválasztott currency-t a cart és checkout oldalakon is végigviszi
- a currency választást tesztelni VPN-nel + inkognito ablakkal lehet
- egyedi exchange rate van beállítva EUR-ra, amivel lehet játszani üzleti igények szerint
Most HUF és EUR currency-k vannak:
- HUF in Hungary
- EUR everywhere else
VAT kezelése
Egyelőre minden woocommerce-ben rögzített ár bruttó ár.
Az automatikus tax calculation ki van kapcsolva, mert a vevők nagy részét a bruttó ár szolgálja legjobban (kirakatban is, kosárban is, pénztárnál is ugyanazt az árat látja).
Kivételes esetben (ha külföldi EU-s VAT számmal rendelkező cég a vevő) nettó áron vásárol a cég – ezeket egyelőre átutalással / egyedi módon kell kezelni, mert a wordpress a checkout pillanatában nem tudja vissza-nettósítani az árakat.
POLYLANG - PRODUCTS - ADDONS
PRODUCTS
– minden termék simple product (nem variable)
– ehhez adódnak product addon-ok (custom fields / each product)
POLYLANG & PRODUCTS
A termékek alap tulajdonságai (árak, készlet, etc) automatikusan szinkronizálódnak (Polylang default setting). Részletek itt.
PRODUCT ADDONS + POLYLANG
A dómok konfigurációja nem szinkronizálódik automatikusan, de lehet őket exportálni / importálni könnyedén. Így fordítás esetén:
- első alkalommal (termék létrehozásakor) érdemes egy protoype termékről másolni a konfigurációkat
- árak frissítésénél minden nyelven frissíteni kell az árat
PRODUCT ADDONS
Javasolt best practice:
– minden termék tulajdonság legyen required field
– így muszáj végigzongorázni a konfigurációt a user-nek
– inkább legyen nulla forintos opció is köztük, de legyen required
SZAMLAZZ.HU
Automatikus számla generálás akkor történik, amikor a rendelés állapota COMPLETED. Itt lehet a szabályokat állítani később:
Divine Design DOCS
Design Documentation
Elementor TEMPLATES
Template naming conventions:
- use [DD] prefix for Divine Design fixed elements (DO NOT delete these templates, else you break the site).
- use TEMP prefix for all templates that are temporary and can be deleted any time.
POPUPS
- ENG version DISPLAY CONDITION is set to: ALL PAGES
- HUN version’s visibility is left BLANK (as recommended by Polylang plugin’s documentation)
HEADERS
Pages
- ENG version DISPLAY CONDITION is set to: ALL PAGES
- HUN version’s visibility is left BLANK (as recommended by Polylang plugin’s documentation)
- SIDENOTE: as these headers/footers are also re-used on POSTS / PRODUCTS / ETC, both contain GLOBAL widgets
Posts
- ENG version DISPLAY CONDITION is set to: ALL POSTS
- HUN version’s visibility is left BLANK (as recommended by Polylang plugin’s documentation)
Shop
- ENG version DISPLAY CONDITION is set to: ENTIRE SHOP + 3 PAGES (CART, CHECKOUT, PURCHASE SUMMARY)
- HUN version’s visibility is left BLANK (as recommended by Polylang plugin’s documentation)
FOOTERS
Pages, Posts
These footers contain call to action.
- ENG version DISPLAY CONDITION is set to: ENTIRE SITE
- HUN version’s visibility is left BLANK (as recommended by Polylang plugin’s documentation)
Shop
These footers contain NO call to action.
- ENG version DISPLAY CONDITION is set to: ENTIRE SHOP + 3 PAGES (CART, CHECKOUT, PURCHASE SUMMARY)
- HUN version’s visibility is left BLANK (as recommended by Polylang plugin’s documentation)
PAGES/POSTS
There are no page/post templates defined.
All Page/Post content is created individually in Elementor.
SINGLE PRODUCTS
- ENG version DISPLAY CONDITION is set to: DOME CABINS, DOME TENTS (as categories)
- HUN version’s visibility is left BLANK (as recommended by Polylang plugin’s documentation)
PRODUCT ARCHIVES (SHOP PAGE)
- ENG version DISPLAY CONDITION is set to: SHOP page
- HUN version’s visibility is left BLANK (as recommended by Polylang plugin’s documentation)
BUTTONS
EMPTY CART
WEBSITE Formanyelv
GENERAL
– sötétzöld háttér kivillan
– 33px kerek sarkok
HERO SLIDE
– 100% vh magas, gombokkal
PRODUCT SLIDE
– 95% vh magas slide-ok
– 13px margin
CONTENT / SZÖVEGES SECTION
– alabaster alap
– 80% vh gallery slider + 3 px alabaster border
BLOG TITLE
– 70% vh képek
– 77% site background overlay
– 3 px alabaster border
BUTTONS
– 3 féle: teli sárga, üres sárga, teli szürke
POLYLANG - Translations
Always use the + sign to create translations for:
- Pages
- Posts
- Products
- Tags
- Categories
For Elementor templates, always add DISPLAY CONDITIONS for the primary language (english) versions ONLY. All other languages will inherit those display settings.
Mobile / Tablet Design Notes
Container Paddings: 4em-3em-2em
HERO Box sizes: 53% – 85% – 100%
FOOTER Box sizes – 44% – 85% – 100%
Customizations
- 11px wide frame added to html
- text select background added
( Elementor / Site Settings / Custom CSS )
- 33px border radius added via Elementor
( Elementor / Templates / Header + Footer )
WOO Notifications
The look-n-feel of it is designed in ELEMENTOR SITE SETTINGS.
The location of notifications is defined in these locations:
PAGES: CART, CHECKOUT
TEMPLATES: SINGLE PRODUCTS
“Common locations would be the cart, checkout, and account pages, as well as the product archive and single product templates in the Theme Builder. Other locations will depend on your website design.” – read more in Elementor’s documentation here.
