08 - Templates & Frontend

Parent: [Webshop-Index Webshop Index] Previous: [Webshop-07-Checkout-and-Orders 07 - Checkout & Orders] Next: [Webshop-09-Hooks-and-Events 09 - Hooks & Events] Source: Comfac Webshop Wiki - Chapter 08

Template Structure

Pages (Full Page Templates)

File	Route	Purpose

|--------|---------|------------|

`templates/pages/cart.html`	/cart	Shopping cart
`templates/pages/order.html`	/orders/{name}	Order details
`templates/pages/wishlist.html`	/wishlist	Wishlist
`templates/pages/product_search.html`	/products	Search results
`templates/pages/customer_reviews.html`	-	Review management

Includes (Partial Templates)

Cart Components (templates/includes/cart/):

File	Purpose

|--------|------------|

`cart_items.html`	Cart line items table
`cart_items_total.html`	Subtotal display
`cart_payment_summary.html`	Taxes, grand total
`cart_items_dropdown.html`	Mini-cart in navbar
`cart_address.html`	Address selection
`place_order.html`	Order button
`coupon_code.html`	Coupon input

JavaScript Files

File	Purpose

|--------|------------|

`public/js/shopping_cart.js`	Cart interactions, AJAX updates
`public/js/wishlist.js`	Wishlist add/remove
`public/js/customer_reviews.js`	Review submission
`templates/generators/item/item_configure.js`	Variant selector
`templates/includes/product_page.js`	Product page interactions

CSS/SCSS

File	Purpose

|--------|------------|

`public/scss/webshop-web.bundle.css`	Main stylesheet
`public/scss/webshop_cart.scss`	Cart-specific styles

Navigation: [Webshop-Index Webshop Index] | [Webshop-07-Checkout-and-Orders Previous: 07 - Checkout & Orders] | [Webshop-09-Hooks-and-Events Next: 09 - Hooks & Events]