Collections like posts and pages work as you’d expect. If you’re new to them be sure to read Jekyll’s documentation.
The theme has been built with collections in mind and you will find several examples on the demo site shop_items
A popular use case for collections is to build a shop-items section as part of one’s personal site. Let’s quickly walk through the steps to do that.
Step 1: Configure the shop-items collection by adding the following to _config.yml.
collections:
shop_items:
output: true
permalink: /shop/:name
These settings essentially say output index.html files for each shop-items document in _shop-items at _site/shop-items/<document-filename>/.
For example, now make a shopping_bag.html file in the ‘shop-items’ folder.
# shopping_bag.html
---
layout: page
title: "Product Page"
sub_title: "Aenean lacinia bibendum nulla sed consectetur"
black_menu: true
header_style: 'three'
label: sale
position: 1
shop_page_cover: "/assets/images/art/s1.webp"
shop_page_cover_hover: "/assets/images/art/s1-2.webp"
carousel_images:
- "/assets/images/art/ss1.webp"
- "/assets/images/art/ss2.webp"
- "/assets/images/art/ss3.webp"
product_info:
title: Shopping Bag
old_price: $55.00
price: $45.00
text: Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam
rating: four
product_details_tab:
title: Product Detail
text: |
Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vestibulum id ligula porta felis euismod semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec sed odio dui. Donec sed odio dui. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas faucibus mollis interdum.
list:
- Mauris lacinia dui non metus dignissim venenatis.
- Etiam elit tellus, condimentum tempor lobortis non.
- Aliquam pharetra vestibulum arcu, eget iaculis.
shipping_tab:
title: Shipping and Returns
text: |
Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas faucibus mollis interdum. Maecenas faucibus mollis interdum. Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis euismod.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor vel scelerisque nisl consectetur et.
Maecenas faucibus mollis interdum. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.
review_tab:
title: Reviews (3)
---
some content here