In Webflow, how can I create a URL structure for an e-commerce site with collections that includes /products/brand/category/product-name? Is it possible to combine CMS and e-commerce collections to achieve this? Thank you!
Yes, it is possible to create a URL structure for an e-commerce site with collections in Webflow that includes `/products/brand/category/product-name`. You can achieve this by using a combination of CMS Collections and E-commerce Collections.
Here's how you can set it up:
1. Create CMS Collections:
a. Create a CMS Collection called "Brands" to store information about different brands. Include fields like Brand Name and Brand Logo.
b. Create a CMS Collection called "Categories" to store information about different categories. Include fields like Category Name and Category Image.
2. Create E-commerce Collections:
a. Create an E-commerce Collection called "Products" to store information about different products. Include fields like Product Name, SKU, Price, and Product Images.
b. In this Products Collection, create reference fields to the Brands and Categories Collections. This will allow you to associate each product with a specific brand and category.
3. Set up Collection Pages:
a. Create a Collection Page template for the Products Collection. In the Page Settings, set the URL to `/products/{brand}/{category}/{slug}`.
b. Within this template, add dynamic embeds to pull in the content from the CMS Collections. Use these dynamic embeds to display the brand name, category name, and product details.
4. Create Category Pages:
a. Create a Category Page template for the Categories Collection. In the Page Settings, set the URL to `/products/{category}`.
b. Within this template, add dynamic embeds to display the category name and a dynamic list of products filtered by the selected category using Collection Lists.
5. Create Brand Pages:
a. Create a Brand Page template for the Brands Collection. In the Page Settings, set the URL to `/products/{brand}`.
b. Within this template, add dynamic embeds to display the brand name and a dynamic list of products filtered by the selected brand using Collection Lists.
By following these steps, you can create a URL structure that includes `/products/brand/category/product-name` and achieve a combined CMS and e-commerce collections setup.
Remember to publish your changes after setting up the collections and templates.