Kā izmantot Simplio3D WordPress spraudni programmā Elementor

Spraudnim Simplio3D WordPress nav atsevišķu Elementor logrīku, un tie nav nepieciešami. Katrs Simplio3D bloks ir arī īskods, un to ievietojat ar Elementor paša Shortcode logrīku — pa vienam logrīkam katram blokam. Īskods attēlo tieši to pašu, ko bloks, tāpēc produktu konfigurators Elementor darbojas tāpat kā WordPress bloku redaktorā izveidots konfigurators: viena reāllaika konfigurācija, ko koplieto visi logrīki, 3D rīkjosla, izmēri, AR, reāllaika cena, kopsavilkums, cenu piedāvājumu pieprasījumi un WooCommerce grozs.

Šajā ceļvedī aprakstīts īsākais ceļš: atrodiet savus ID, izveidojiet izkārtojumu, pievienojiet grozam un novērsiet biežākās kļūdas. Tas ir paredzēts spraudņa versijai 2.0.3 un darbojas ar Elementor bezmaksas versiju.

Pirms sākat

• Spraudnis Simplio3D, versija 2.0.3 vai jaunāka, no WordPress.org spraudņu direktorija, kas darbojas Simplio3D v3 režīmā. Jaunas instalācijas sāk darboties šajā režīmā. Vietne, kas atjaunināta no versijas 1.x, paliek Legacy režīmā, līdz pārslēdzat to sadaļā Simplio3D → Migrācija.
• Pievienots jūsu Simplio3D konts: sadaļā WordPress dodieties uz Simplio3D → Pieteikties Simplio3D.
• Publicēts projekts: sadaļā Simplio3D atveriet Share, ieslēdziet kopīgošanas saiti un atstājiet to bez paroles. Ja ierobežojat iegulšanas domēnus, pievienojiet savas vietnes domēnu.
• Elementor. Pietiek ar bezmaksas versiju.
• Lai pievienotu grozam: WooCommerce un vienkāršs produkts ar cenu.

Pievienošana grozam ar WooCommerce

Bloku redaktorā, izvēloties produktu blokā Pievienot grozam, tas tiek saistīts ar jūsu projektu. Īskods to nevar izdarīt, tāpēc vispirms saistiet produktu manuāli:

1. Sadaļā Produkti rediģējiet vienkāršu produktu ar parasto cenu.
2. Atveriet Produkta dati → Simplio3D, iestatiet Simplio3D projektu uz savu projektu un Groza cenu uz Simplio3D aprēķināto cenu (pārbaudīta servera pusē) vai produkta paša WooCommerce cenu. Noklikšķiniet uz Atjaunināt.
3. Pierakstiet produkta ID: virziet kursoru virs produkta produktu sarakstā vai nolasiet post=123 rediģēšanas ekrāna adreses joslā.
4. Aizstājiet iesniegšanas logrīku ar [simplio3d block="action" project="PROJECT-ID" mode="cart" product="123"]. Pievienojiet quantity_mode="selector", lai pircēji varētu izvēlēties daudzumu, un after_add="cart", lai novirzītu viņus uz grozu.

Pēc tam grozā, norēķinu lapā, pasūtījumu e-pastos un sadaļā WooCommerce → Pasūtījumi tiek parādīta konfigurācija, tās attēls un pārbaudītā cena.

Produktu, kas saistīts ar Simplio3D cenu, var iegādāties tikai konfiguratorā, tādēļ WooCommerce parastā poga Pievienot grozam produkta lapā lūdz pircējiem vispirms to konfigurēt. Izmantojot bezmaksas Elementor, novietojiet konfiguratoru atsevišķā lapā un pievienojiet uz to saiti no produkta lapas, piemēram, īsajā aprakstā ievietojot saiti “Konfigurējiet savu”. Ar Elementor Pro varat izveidot viena produkta veidni, kurā Elementor logrīka Pievienot grozam vietā izmantoti Simplio3D Shortcode logrīki; pirms publicēšanas priekšskatiet šo iestatījumu.

Visbiežāk izmantotie iestatījumi

Pievienojiet iestatījumus īskodā, izmantojot taisnās pēdiņas un pasvītrojumus. Kopējot no Word, Google Docs vai Slack, pēdiņas var kļūt izliektas, un WordPress tad iestatījumu ignorē.

• height="620px" mobile_height="400px" skatītājā nosaka tā augstumu datoros un ekrānos līdz 781 px platumā.
• loading="eager" skatītājam lapas augšdaļā to ielādē uzreiz, nevis tad, kad tas tiek parādīts ritinot lapu.
• layout="dropdown" opciju logrīkā pārslēdz izvēles uz nolaižamo sarakstu. Atkarībā no opcijas veida darbojas arī grid, list un buttons.
• columns="4" thumbnails="small" ļauj katrā rindā ievietot vairāk izvēļu.
• prefix="From" tax_display="exclude" cenai pievieno tekstu pirms tās un rāda cenu bez nodokļa, kas atbilst WooCommerce grozam.
• summary_mode="compact" hide_defaults="yes" kopsavilkumā ievieto katru opciju vienā rindā un izlaiž tās, kas atstātas ar noklusējuma vērtību.
• display="hosted" skatītājā vienā logrīkā parāda pilnu Simplio3D konfiguratoru, tostarp opcijas, bez nepieciešamiem opciju ID.
• instance="oak" katrā komplekta logrīkā nošķir divus konfiguratorus vienā lapā. Logrīki ar vienu un to pašu instanci koplieto vienu konfigurāciju.

Pielāgojiet savam Elementor dizainam

• Katra Shortcode logrīka cilnē Advanced var iestatīt piemales, iekšējās atkāpes, fonu, apmali un redzamību dažādās ierīcēs. Skatītājs aizpilda savu kolonnu, tāpēc, lai to padarītu platāku vai šaurāku, iestatiet kolonnas vai konteinera platumu.
• Bloki pārņem fontu un teksta krāsu no lapas. Akcenta krāsa (izvēlētā opcija, fokusa apmale un pogas) klasiskajās tēmās, piemēram, Hello Elementor, pēc noklusējuma ir gandrīz melna, tāpēc iestatiet to uz savu Elementor akcenta krāsu sadaļā Izskats → Pielāgot → Papildu CSS: .simplio3d-block { --s3d-accent: var(--e-global-color-accent); }
• Citas īpašības ietver --s3d-radius stūriem, --s3d-thumb sīktēlu izmēram un --s3d-button-bg pogai. Lai stilizētu tikai vienu logrīku, pievienojiet tā īskodam class="my-finish" un savā CSS atlasiet .my-finish.