Basic code editing

We shall now move into learning how to make edits into our theme to change the structure, looks and functionality.

✍️ Objective - To show list of categories in a carousel in layout.html page

We will divide it into 4 parts

  1. Adding the HTML for the product card to display (If we were building a house, this step would be building the structure of the house using cement, wood, bricks)

  2. Adding the CSS i.e. color, shadow and other visual elements to make it look appealing (painting the building, adding flooring, furniture, etc.)

  3. Adding the Javascript i.e. functionality to the product card, like, what happens when someone clicks on a product, or hovers on it (Adding fans, lights, electric wiring, etc)

  4. Adding Nunjucks for fetching real data and using it to display the products (Inviting people to live in the house)

PreviousNunjucks Templating LanguageNextAdding the HTML

Last updated