Utwórz stronę pojedynczego produktu

Jak utworzyć szablon strony pojedynczego produktu z ShopEngine #

Pojedyncza strona produktu zazwyczaj wyświetla odwiedzającym określone informacje o produkcie, aby mogli łatwo kupić Twoje produkty. Informacje o produkcie obejmują zdjęcie produktu, tytuł, cenę, opis, przycisk Dodaj do koszyka i tak dalej.

ShopEngine oferuje Single Widżety produktów, w tym Tytuł produktu, zdjęcie produktu, profesjonalistaCena kanału, Opis produktu, Dodaj do koszyka, Numer SKU produktuitp.

Korzystając z tych widżetów, możesz łatwo skonfigurować szablon strony pojedynczego produktu w pożądany sposób. Wystarczy wykonać krok po kroku proces tworzenia i upiększania szablonu strony pojedynczego produktu:

Krok 1: Utwórz szablon pojedynczego produktu #

  • Iść do Kup silnik-> Budowniczy Szablony > Dodaj nowe.
Dodaj nowy szablon dla strony pojedynczego produktu
  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.

Edytuj szablon za pomocą edytorów Elementor lub Gutenberg

Krok 3: Edytuj szablon według wybranego produktu #

Jest to specjalna funkcja ShopEngine dla WooCommerce. Teraz możesz wybierz konkretny produkt aby dostosować szablon strony pojedynczego produktu. Kiedy klikniesz „Edytuj za pomocą Elementora” (lub Edytuj za pomocą Gutenberga), w odpowiednim miejscu pojawi się wyskakujące okienko 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.
wybierz konkretny produkt, aby edytować szablon strony pojedynczego produktu

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.
Wybierz strukturę dla szablonu strony pojedynczego produktu

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.
Przeciągnij i upuść niezbędne widżety szablonu strony pojedynczego produktu 1
  • Dodatkowe informacje.
  • Numer SKU produktu.
  • Kategoria produktu.
  • Zapasy produktów.
Przeciągnij i upuść niezbędne widżety strony pojedynczego produktu 2
  • Obrazy produktów.
  • Zakładka Produkt.
  • Produkty powiązane.
Przeciągnij i upuść niezbędne widżety strony pojedynczego produktu 3

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.
Strona pojedynczego produktu pojawia się w interfejsie użytkownika

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.

Jakie są Twoje uczucia?
Zaktualizowano 23 lipca 2023 r