Product Templates¶
Introduction¶
Product templates are pre-defined templates that can be created for regular/repetative programs.
Once a template is created, it saves the time spent in repeating the same steps everytime a new regular class is being created.
Below is an example of existing templates:
Below is the step-by-step guide to create Product Templates.
Create Product Template¶
- Go to mycrush.fit/wp-admin
- Login with the credentials.
-
Go to -> Product Templates on left side panel
Add New¶
- Click -> Add New to add a new template
-
Click -> Edit to make changes to existing templates
Product Template Settings¶
Add Title¶
Enter a name for the template. Some examples are below:
Product Template Workout Details¶
This section is not required for Zoom and Pre-recorded classes. Leave it blank.
Product Template Session Icons¶
Session icons are thumbnails representing the main features about respective programs. Under this section, you can choose upto 8 icons related to the type of workout. These icons are visible inside the program page on the website.
-
Tick
the required icons check box.
Frontend Look : This is how the selected icons are displayed inside the program page:
Basic Product Template¶
The Basic Product Template section defines the information displayed on the Product cards displayed on the home page.
Below are examples of various Product cards displayed on the homepage:
In order to create the product cards, the following fields are required to be filled:
Product Name¶
This is the name of the Product that will display on the card. Below image shows how the name appears on the card.
Live¶
This check box decides whether the class is live or not.
-
When check box is ticked: It means it is a live class. A small "live" tab is displayed on the left corner of the card.
-
When check box is not ticked: It means the class is pre-recorded and not live.
Product Card Image¶
The selected image is displayed on the respective product card.
-
Click -> Select/Replace Image to choose an image. This is how the card image is displayed on the homepage:
Product Description¶
This section contains a brief description/text about the respective product/program. The description is displayed inside the program page. Add text using the content editor.
The product description as displayed inside the program page:
Product Card Top Tab¶
This is the text that is displayed as a small tab on the top of the product card. A maximum of 2 words can be entered. Enter the text in the below field:
The card top tab appears on the homepage as below:
Product Card Button¶
This is the color theme for the card button. Choose the required theme.
Different button color themes on the homepage:
Product Template Gallery¶
Under this section, media - images, videos to be displayed in the template can be added.
Product Template Gallery Items¶
The below fields are required to be updated to add gallery items:
Media Type¶
Select any one media type : Image/Video. Be sure to add the media type you selected otherwise the media will not be uploaded.
Media Type Image¶
Select the image to be displayed in the gallery.
Media Type Video¶
Add the link of the required from Vimeo.
Rank¶
Enter the rank of the media. The rank decides the position/sequence of the media to be displayed in the gallery.
This is how the gallery items are displayed inside the program page:
Publish/Update¶
Once all the fields have been updated as per requirement, click on Publish/Update on the right side panel.
