Hugo provides a command to create a new post:
hugo new products/new-product.md
You can configure your blog post from the front-matter. Front-matter starts and ends with
---. In this front matter you can change the title and add a meta-description. The date will be automatically filled.
--- title: "Redmi Watch" date: 2019-10-17T11:22:16+06:00 image: "images/showcase/showcase-5.png" images: - "images/showcase/showcase-5.png" - "images/showcase/showcase-2.png" - "images/showcase/showcase-3.png" - "images/showcase/showcase-4.png" # meta description description : "this is meta description" # product Price price: "30.00" discount_price: "25.00" # product variation colors : ["black","white","gray"] sizes : ["small","medium","large"] draft: false ---
titleis the product name
imageis the main product image
imagesis an array with more product images. Add as many as you want
priceis the product price
discount_priceis a discounted price, that is shown along side the original price. Leave empty if you wish to use a single non-discounted price.
- You can further configure product variations like
The content of the product page is shown alongside the product images.
After you created a new post, the
draft value is true and your post will not show up on the site. You need to change this parameter to
false or remove it to show this post. Only then your post will show in the blog overview page.