ShopEngine allows you to design a fully customized single product page for your WooCommerce store using Elementor. By creating a Single template from the Builder Templates section, you can control the layout and apply it to all product pages automatically.

Watch the video:

Quick Steps to Create #

• Install & Activate – Ensure ShopEngine and Elementor are installed and active on your WordPress site.
• Create a Template – Iść do ShopEngine → Builder Templates, click Dodaj nowe, enter a name, and wybierać Pojedynczy as the template type.
• Set as Default – Enable the Default option if you want the template applied to all single product pages.
• Edit with Elementor – Kliknij Edytuj za pomocą Elementora to open the visual builder.
• Add ShopEngine Widgets – Drag and drop widgets like Product Image, Title, Price, Description, Add to Cart, and Additional Information to build your layout.
• Save & Apply – Publish the template to activate the custom design across your store.

For detailed guide, check the steps below.

Jak utworzyć szablon strony pojedynczego produktu z ShopEngine #

ShopEngine offers Single Product Widgets including Product Title, Product Image, Product Price, Product Description, Add to Cart, Product SKU, etc. Using these widgets, you can easily set up your single product page template in your desired way. Just follow the step-by-step process to create & beautify your single product page template:

Krok 1: Utwórz szablon pojedynczego produktu #

• Iść do Kup silnik-> Budowniczy Szablony > Dodaj nowe.

1. Wprowadź a Nazwa dla szablonu.
2. Wybierz stronę Typ Jak "Pojedynczy".
3. Wybierać Obowiązująca kategoria.
4. Włącz Aktywne dla Tak.
5. Wybierz projekt z dostępnego szablonu lub stwórz własny projekt za pomocą widżetów na stronie pojedynczego produktu. Pokażemy tworzenie szablonu od podstaw.
6. Z podanych opcji wybierz edytor, którego chcesz użyć do edycji szablonu: Elementora I Gutenberga.
7. Teraz kliknij Zapisz zmiany.

Krok 2: Edytuj szablon za pomocą edytorów (Elementor lub Gutenberg) #

Niedługo potem zobaczysz, że szablon został utworzony i będzie widoczny na górze listy szablonów. Aby edytować szablon, zobaczysz opcję edycji w wybranym edytorze. Na przykład, jeśli wybierzesz Elementor, zobaczysz taką opcję Edytuj za pomocą Elementora. Jeśli wybierzesz Gutenberga, zobaczysz taką opcję Edytuj za pomocą Gutenberga. Tutaj wybraliśmy edytor Elementora.

Krok 3: Edytuj szablon według wybranego produktu #

Jest to specjalna funkcja ShopEngine dla WooCommerce. Teraz możesz wybierz konkretny produkt Do customize the Single Product page template. When you click on “Edit with Elementor” (or Edit with Gutenberg), a popup will appear where you can Edytuj szablon według wybranego produktu. W wyskakującym okienku

• Wybierz produkt z listy rozwijanej.
• Kliknij Edytuj za pomocą Elementora aby rozpocząć edycję szablonu.
• Możesz też Utwórz nowy produkt aby edytować szablon.

Możesz także skorzystać z tej opcji na stronie widoku produktu. Przejdź do paska administracyjnego u góry strony. Następnie kliknij Edytuj za pomocą Elementora > Szablon strony pojedynczego produktu. Za pomocą tego produktu będziesz mógł edytować szablon.

Krok 4: Wybierz strukturę #

• Wybierz swoją strukturę z wybranego obszaru.

Krok 5: Upiększ swój szablon strony z pojedynczym produktem za pomocą widżetów z pojedynczym produktem #

Przejdź do pojedynczego bloku produktów ShopEngine i możesz zaprojektować własny. Tutaj otrzymasz określone ShopEngine Pojedynczy Widżety, w tym Tytuł produktu, zdjęcie produktu, Cena produktu, Opis produktu, Dodaj do koszyka, Numer SKU produktu, itp. Zobaczmy, jak je dostosować:

Teraz po prostu przeciągnij następujące widżety i upuść je na wybranym obszarze.

• Tytuł produktu.
• Cena produktu.
• Opis produktu.
• Dodaj do koszyka.

• Dodatkowe informacje.
• Numer SKU produktu.
• Kategoria produktu.
• Zapasy produktów.

• Obrazy produktów.
• Zakładka Produkt.
• Produkty powiązane.

Krok 6: Opublikuj szablon strony pojedynczego produktu #

• Po zakończeniu projektowania kliknij Aktualizacja.
• Teraz kliknij dowolny Pojedynczy produkt-> Możesz zobaczyć żądany produkt Pojedynczy Strona produktu wyświetla się odpowiednio.

To wszystko, jeśli chodzi o utworzenie pojedynczego szablonu strony produktu. To całkiem proste i jednoznaczne. ShopEngine oferuje wszystko, czego potrzebujesz do zbudowania pojedynczego szablonu strony produktu dla swojej witryny WooCommerce.