inside out – STEP 306 | Filtering Products & Categories | Assignment
Overview
In this lesson, we learn about product filtering as they relate to ecommerce websites. We will take what we have learned and apply it in our inside out project ecommerce web store by adding filters to our shape products. We will begin with adding “Corners” to our shapes and then add “Manufactured In”. Table of Contents:
Action Items to Complete
Use the available resources and what you have learned to complete the following action items below.
- Complete of the following action items to set up attribute groups and attributes:
- Create a Filter Group named “Corners“.
- Create the following Filter Values and assign them to the attribute group named “Corners“.
- Create the Filter Value “1“.
- Create the Filter Value “2“.
- Create the Filter Value “3“.
- Create the Filter Value “4“.
- Create the Filter Value “None“.
- Create the following Filter Values and assign them to the attribute group named “Corners“.
- Create a Filter Group named “Manufactured In“.
- Create the following Filter Values and assign them to the attribute group named “Manufactured In“.
- Create the Filter Value “Canada“.
- Create the Filter Value “India“.
- Create the Filter Value “Mexico“.
- Create the Filter Value “United Kingdom“.
- Create the Filter Value “USA“.
- Create the Filter Value “Japan“.
- Create the following Filter Values and assign them to the attribute group named “Manufactured In“.
- Create a Filter Group named “Corners“.
- Complete of the following action items to implement the Filter Groups to the “Shapes” Category:
- Add the “Corners” to Categories > Data > Filters.
- Add the “Manufactured In” to Categories > Data > Filters.
- Complete of the following action items to implement the Filter Groups on the Shapes Products:
- The Amazing Circle
- Add the “Corners” to Categories > Links > Filters.
- Corners > None
- Add the “Manufactured In” to Categories > Links > Filters.
- Manufactured In > Japan
- Add the “Corners” to Categories > Links > Filters.
- The Amazing Square
- Add the “Corners” to Categories > Links > Filters.
- Corners > 4
- Add the “Manufactured In” to Categories > Links > Filters.
- Manufactured In > USA
- Add the “Corners” to Categories > Links > Filters.
- The Amazing Triangle
- Add the “Corners” to Categories > Links > Filters.
- Corners > 3
- Add the “Manufactured In” to Categories > Links > Filters.
- Manufactured In > Mexico
- Add the “Corners” to Categories > Links > Filters.
- The Amazing Circle
- Complete of the following action items to move the Filters menu in the left of the Category Page to below the Categories menu.
- Navigate to Design > Layout
- Click on the edit button for the Category layout
- Under “Choose the position of the modules” – “Column Left”
- move the Filter to below Category – Category
- make sure the Banner – Category is below the Filter – Filter
- Under “Choose the position of the modules” – “Column Left”
- Click on the edit button for the Category layout
- Navigate to Design > Layout
- Submit the URL to your website once you have validated your work and are confident you have completed everything. Your page should look like the one you see when you go here:
https://step-306.inside-out-project.com/