Design Shop Layout #7

Closed
opened 2025-09-16 20:11:29 -06:00 by cnidariaware · 0 comments
Owner

Item components
Pages?
Add to cart

Things to consider about items to be sold
To be split into tasks later

UI Layout: Create a grid layout to display merch items.

Item Data Structure:

Define each item with properties:

id

name

price

image

sizes (array: ['S', 'M', 'L', 'XL'])

description

Size Selection Dropdown:

Add a dropdown on each item tile to select a size before adding to cart.

Add to Cart Button:

Button dynamically adds item (with selected size) to cart.

Implement function addToCart(itemId, size) in script.js

Item components Pages? Add to cart Things to consider about items to be sold To be split into tasks later UI Layout: Create a grid layout to display merch items. Item Data Structure: Define each item with properties: id name price image sizes (array: ['S', 'M', 'L', 'XL']) description Size Selection Dropdown: Add a dropdown on each item tile to select a size before adding to cart. Add to Cart Button: Button dynamically adds item (with selected size) to cart. Implement function addToCart(itemId, size) in script.js
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
ucalgary-baja/MerchShopWebsite#7
No description provided.