Content
Create products, external products, contact forms, and the blog page.
Books are WooCommerce products. Create and edit them under Products → All Products, not under Pages. The custom Book Series display (Book X of Y) only appears when the Leona Functionalities plugin is active - it registers the book_series taxonomy.
Creating a Product
After you install and set up WooCommerce you will have the option to create Products for your shop. To create and sell deals with the Theme, these Products are styled and configured to fulfill that purpose. These are the items that will appear in the Shop Page as well as the All Products and Selected Products Widgets.
In the Admin Panel, go to Products > Add New. On the Right Side from the Product Category you can add Categories to the current product (deal or coupon). Here you can also select the Product Image and Product Gallery.
Here is a description of all of the fields on the page:
- Main Content - the text displayed in the description in the Single Product Page.
- Product Data - contains all of the additional WooCommerce fields. Here you can select the Product Type as well as insert the Price, Type of Product, Stock Status, Additional Attributes and more.
To select a Book Series you must create the Series beforehand. You can do so by clicking on Products > Book Series.
- Product Additional Content - here you can adjust the Header , add Book Series that the product is part of, customize the Read the Book button etc.
- Product Short Description - the text displayed next to the Product Image in the Single Product Page, under the Price for the Product.
Creating an External Product
Leona adds an Additional Buttons repeater field to external products so you can link to multiple retailers (Amazon, Barnes & Noble, etc.) alongside the main Buy button.
The External Product can be used to add a book that redirect the user to another website. Here is a guide on how to do this:
-
When adding a New Product, select its Type to External/Affiliate Product in the Product Data field. You can also set the Price, Sale Price and the Button Text for the redeem button.
-
In the General Tab you have the option to set the Product URL to which the user will be redirected on redeeming the deal.
-
And external buttons additional field will also be displayed. You can click the Add Button to add additional external links for your product.
- When you are done adding and configuring the different options click the Save changes button.
After you Publish (or Update) the Product, its Single Product Page will display the Price and the Button to the URL you have added:
Contact Form
The theme uses the Contact Form 7 plugin for the Contact Form. The plugin is one of the recommended plugins that was installed in the first step. You can read more about the plugin here.
The shortcode for the Contact Template can be found in the Contact Tab on the left on the Admin Panel, and then add new or use an already created form.
The style of the Contact Form in the demo is the default one from the plugin. The code is in the Form tab when you edit the Contact Form:
[submit "Send"]
When creating a new Page, you can select the Shortcode Elementor Widget and add the contact form shortcode there.
Blog Page
Go to Pages > Add New, write the page title and select Blog from the Template dropdown on the right. Here you have the options to Show Search Field.
Then click the Publish button.
Make sure that the page is NOT selected in the Post Page menu in Settings > Reading in the WordPress Admin Dashboard.
Click Save Changes.