How Elementor Creates and Manages Single Product Templates (Comprehensive Guide)

existWooCommerceA single product template in a website can create a standardized presentation for each product page. This template design not only enhances the user experience, but also makes the website look more professional. In this article, we will learn more about howCreate, edit, manageas well asDelete Single Product Templateto better optimize WooCommerce product pages.

图片[1]-如何使用单一产品模板优化产品展示 | 全面教程

First, what is a single product template?

Single product templates are site widgets that allow you to design the way each product page on your site is displayed.

In the WordPress backend, navigate to the Templates > Theme Builderand select "item" to find single product templates. From here, quickly add, edit or delete all the WooCommerce single product templates created.

图片[2]-如何使用单一产品模板优化产品展示 | 全面教程

take note of: The purpose of the single product templates is to apply a design framework to the page, rather than adding specific content directly into the template. Each single product template uses dynamic information that automatically populates the content depending on the product.

Second, how to create a single product template

If you haven't created a single product template yet, you can click in the upper right corner of the single product site widget page on the "Add new template" to create a new single product template. With this feature, you can start customizing the layout and design of each product page.

  1. go into Templates > Theme Builder > SinglesThe
  2. Click on the upper right corner of the "Add new"The
  3. Use as requiredElementorand other editors to customize the layout and style of the template.
图片[3]-如何使用单一产品模板优化产品展示 | 全面教程

Once you have finished creating, you can manage all the created single product templates on this page.

Third, edit the existing single product template design

If one or more single item templates have been created, they can be modified at any time to accommodate new design needs. Below are the steps for editing a single item template design:

  1. Click on the label of the single item template you want to edit in the left column.
  2. Click on the upper right corner of the "Edit." link to open the details page for the selected single product template.
  3. existElementorAdjustments are made to the template in the editor, such asModify layout, fonts, colorsetc.
图片[4]-如何使用单一产品模板优化产品展示 | 全面教程

This allows you to fine-tune the design of product pages to meet specific brand or product needs without affecting other pages.

Fourth, edit the display conditions of the single product template

Each single product template can have display conditions set to specify on which pages or product types the template should be applied. Below are the steps to edit the display conditions:

  1. Find the single template you want to edit in the left column.
  2. Click on the bottom of the template on the left side of the "Editing conditions" Link.
  3. Go to the Display Conditions Editor and set the conditions for the application of the template, such as displaying the template only for products in a specific category.

draw attention to sth.: In the upper left corner of the single item template there will be a small dot to show the status of the template. A green dot indicates that the template is live (display condition assigned) and a gray dot indicates that the template is a draft (display condition not yet assigned).

V. Example of viewing a single product template

In the bottom left corner of each single item template, you can see a Instance Tags, which shows specific examples of the template's use in the site. This feature can help to understand the scope of the template and specific use scenarios for subsequent management and adjustment.

Six, export single product template

For backup or reuse in other websites, you can export existing single product templates. Below are the steps to export a template:

  1. In the upper right corner of the item template you wish to export, click on the Three horizontal points Icons.
  2. option "Export", open the Save dialog box and save the template as a .json Documentation.
图片[5]-如何使用单一产品模板优化产品展示 | 全面教程

This way, template files can be saved locally and imported into other WordPress sites when needed, saving time on duplicate designs.

Seven, delete the single product template

If a single item template is no longer needed, you can delete it. Below are the steps to delete a template:

  1. In the upper right corner of the item template to be deleted, click the Three horizontal points Icons.
  2. option "Delete"The system will pop up the Delete Confirmation dialog box.
  3. strike (on the keyboard) "Delete" Confirm the operation; if you change your mind, you can click "Cancel."The
图片[6]-如何使用单一产品模板优化产品展示 | 全面教程

After deletion, the template will be completely removed from the system, so please proceed with caution.

Eight, rename the single product template

If you want to rename the single product template, you can do so by following the steps below:

  1. In the upper right corner of the item template that needs to be renamed, click on the Three horizontal points Icons.
  2. option "Rename.", the Rename dialog box pops up.
  3. Enter a new name and click "Change" Complete the renaming; if you don't want to change it, click "Cancel."The
图片[7]-如何使用单一产品模板优化产品展示 | 全面教程

Renaming templates allows for clearer identification and management of different templates, especially if multiple templates have been created.

summarize

Individual product templates provide a high degree of flexibility for WooCommerce product pages, allowing each product page to be designed and optimized according to brand needs. By creating, editing, managing, exporting, deleting and renaming templates, you can easily personalize your website and enhance user experience.

© copyright statement
THE END
If you like it, support it.
kudos6 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments