A(z) Simplio3D WordPress bővítmény használata az Elementorban

A(z) Simplio3D WordPress bővítmény nem rendelkezik külön Elementor widgetekkel, és nincs is szüksége rájuk. Minden Simplio3D blokk egyben rövidkód is, amelyet az Elementor saját Shortcode widgetjével helyezhet el, blokkonként egy widgettel. A rövidkód pontosan ugyanazt jeleníti meg, mint a blokk, így az Elementorban létrehozott termékkonfigurátor ugyanúgy működik, mint a(z) WordPress blokkszerkesztőben létrehozott: egyetlen élő konfigurációt oszt meg minden widget, a 3D eszköztár, a méretek, a(z) AR, az élő ár, az összegzés, az árajánlatkérések és a(z) WooCommerce kosár.

Ez az útmutató a gyors megoldást mutatja be: azonosítók megkeresése, elrendezés kialakítása, kosárba helyezés és a gyakori hibák javítása. A 2.0.3-as bővítményverzióhoz készült, és az Elementor ingyenes verziójával működik.

Mielőtt elkezdené

• A(z) Simplio3D 2.0.3-as vagy újabb verziójú bővítménye, a WordPress.org bővítménykönyvtárból, Simplio3D v3 módban futtatva. Az új telepítések ebben a módban indulnak. Az 1.x verzióról frissített webhely Legacy módban marad, amíg át nem vált a Simplio3D → Migration menüpontban.
• Csatlakoztatott Simplio3D fiók: a WordPress felületen lépjen a Simplio3D → Bejelentkezés a(z) Simplio3D rendszerbe menüpontba.
• Közzétett projekt: a Simplio3D felületen nyissa meg a Megosztás lehetőséget, kapcsolja be a megosztási linket, és hagyja jelszó nélkül. Ha korlátozza a beágyazási domaineket, adja hozzá webhelye domainjét.
• Elementor. Az ingyenes verzió is elegendő.
• A Kosárba helyezéshez: WooCommerce és egy árral rendelkező egyszerű termék.

Kosárba helyezés a(z) WooCommerce használatával

A blokkszerkesztőben a Kosárba helyezés blokkban kiválasztott termék összekapcsolódik a projekttel. A rövidkód erre nem képes, ezért először kézzel kapcsolja össze a terméket:

1. A Termékek alatt szerkesszen egy normál árral rendelkező egyszerű terméket.
2. Nyissa meg a Termékadatok → Simplio3D menüpontot, állítsa a Simplio3D projekt mezőt a projektjére, a Kosár ára mezőt pedig Simplio3D számított árra (szerveroldalon ellenőrizve), vagy a termék saját WooCommerce árára. Kattintson a Frissítés gombra.
3. Jegyezze fel a termékazonosítót: vigye az egérmutatót a termék fölé a Termékek listában, vagy olvassa le a(z) post=123 értékét a szerkesztőképernyő címsorából.
4. Cserélje le a Küldés widgetet a(z) [simplio3d block="action" project="PROJECT-ID" mode="cart" product="123"] elemre. Adja hozzá a(z) quantity_mode="selector" elemet, hogy a vásárlók mennyiséget választhassanak, valamint a(z) after_add="cart" elemet, hogy a kosárhoz irányítsa őket.

A kosár, a pénztár, a rendelési e-mailek és a WooCommerce → Rendelések ezután megjeleníti a konfigurációt, annak képét és az ellenőrzött árat.

A(z) Simplio3D árral összekapcsolt termék csak a konfigurátoron keresztül vásárolható meg, ezért a(z) WooCommerce termékoldalán található normál Kosárba helyezés gomb először konfigurálásra kéri a vásárlókat. Az ingyenes Elementorral tartsa a konfigurátort külön oldalon, és hivatkozzon rá a termékoldalról, például a rövid leírásban elhelyezett „Konfigurálja a sajátját” linkkel. Az Elementor Pro segítségével olyan Egyedi termék sablont készíthet, amely az Elementor Kosárba helyezés widgetje helyett a(z) Simplio3D Shortcode widgeteket használja; élesítés előtt tekintse meg ennek a beállításnak az előnézetét.

A leggyakrabban használt beállítások

A beállításokat a rövidkódon belül adja meg, egyenes idézőjelekkel és aláhúzásjelekkel. A Wordből, Google Docsból vagy Slackből történő másolás göndör idézőjelekké alakíthatja az idézőjeleket, és a(z) WordPress ilyenkor figyelmen kívül hagyja a beállítást.

• A Viewer elemnél a(z) height="620px" mobile_height="400px" beállítja a magasságot asztali gépen és legfeljebb 781 px széles képernyőkön.
• Az oldal tetején lévő Viewer elemnél a(z) loading="eager" azonnal betölti azt, ahelyett hogy csak akkor töltené be, amikor a nézetbe görgetik.
• Az Options widgeten a(z) layout="dropdown" legördülő listára váltja a választási lehetőségeket. A(z) grid, list és buttons is működik, az opció típusától függően.
• A(z) columns="4" thumbnails="small" több választási lehetőséget helyez el soronként.
• A Price elemen a(z) prefix="From" tax_display="exclude" szöveget ad az ár elé, és adó nélküli árat jelenít meg, ami megfelel a(z) WooCommerce kosárnak.
• A Summary elemen a(z) summary_mode="compact" hide_defaults="yes" minden opciót egy sorba helyez, és kihagyja az alapértelmezett értéken hagyottakat.
• A Viewer elemnél a(z) display="hosted" egyetlen widgetben jeleníti meg a teljes Simplio3D konfigurátort, az opciókkal együtt, opcióazonosítók nélkül.
• Egy készlet minden widgetjén a(z) instance="oak" elkülöníti egymástól az egy oldalon található két konfigurátort. Az azonos példányt használó widgetek ugyanazt a konfigurációt osztják meg.

Igazítsa az Elementor dizájnjához

• Minden Shortcode widget Speciális lapján kezelheti a margót, a belső térközt, a hátteret, a szegélyt és a reszponzív láthatóságot. A megjelenítő kitölti az oszlopát, ezért az oszlop vagy a tároló szélességének beállításával teheti szélesebbé vagy keskenyebbé.
• A blokkok a betűtípust és a szövegszínt az oldalról veszik át. A kiemelőszín (a kiválasztott opció, a fókuszgyűrű és a gombok) a Hello Elementorhoz hasonló klasszikus témákban közel fekete színre áll vissza, ezért állítsa az Elementor kiemelőszínére a Megjelenés → Testreszabás → További CSS menüpontban: .simplio3d-block { --s3d-accent: var(--e-global-color-accent); }
• További tulajdonságok: --s3d-radius a sarkokhoz, --s3d-thumb a bélyegkép méretéhez és --s3d-button-bg a gombhoz. Ha csak egy widgetet szeretne formázni, adja hozzá a(z) class="my-finish" elemet a rövidkódjához, majd a CSS-ben célozza meg a(z) .my-finish elemet.