Skip to content

LANGUAGE V1 · FROZEN REFERENCE

Example library

2,000 results · Page 72 of 167

commerce

Monument Market 53 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0053
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Monument Market 53" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$20" with text color #0f766e, font weight 700.
Create button add_one displaying "Add to cart" with background #0f766e, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$80" with text color #0f766e, font weight 700.
Create button add_two displaying "Add to cart" with background #0f766e, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$90" with text color #0f766e, font weight 700.
Create button add_three displaying "Add to cart" with background #0f766e, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Kindred Market 54 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0054
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Kindred Market 54" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$21" with text color #be123c, font weight 700.
Create button add_one displaying "Add to cart" with background #be123c, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$81" with text color #be123c, font weight 700.
Create button add_two displaying "Add to cart" with background #be123c, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$91" with text color #be123c, font weight 700.
Create button add_three displaying "Add to cart" with background #be123c, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Juniper Market 55 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0055
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Juniper Market 55" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$22" with text color #b45309, font weight 700.
Create button add_one displaying "Add to cart" with background #b45309, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$82" with text color #b45309, font weight 700.
Create button add_two displaying "Add to cart" with background #b45309, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$92" with text color #b45309, font weight 700.
Create button add_three displaying "Add to cart" with background #b45309, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Solace Market 56 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0056
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Solace Market 56" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$23" with text color #4338ca, font weight 700.
Create button add_one displaying "Add to cart" with background #4338ca, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$83" with text color #4338ca, font weight 700.
Create button add_two displaying "Add to cart" with background #4338ca, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$93" with text color #4338ca, font weight 700.
Create button add_three displaying "Add to cart" with background #4338ca, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Arc Market 57 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0057
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Arc Market 57" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$24" with text color #047857, font weight 700.
Create button add_one displaying "Add to cart" with background #047857, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$84" with text color #047857, font weight 700.
Create button add_two displaying "Add to cart" with background #047857, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$94" with text color #047857, font weight 700.
Create button add_three displaying "Add to cart" with background #047857, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Vesper Market 58 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0058
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Vesper Market 58" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$25" with text color #c026d3, font weight 700.
Create button add_one displaying "Add to cart" with background #c026d3, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$85" with text color #c026d3, font weight 700.
Create button add_two displaying "Add to cart" with background #c026d3, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$95" with text color #c026d3, font weight 700.
Create button add_three displaying "Add to cart" with background #c026d3, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Fieldwork Market 59 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0059
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Fieldwork Market 59" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$26" with text color #0369a1, font weight 700.
Create button add_one displaying "Add to cart" with background #0369a1, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$86" with text color #0369a1, font weight 700.
Create button add_two displaying "Add to cart" with background #0369a1, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$96" with text color #0369a1, font weight 700.
Create button add_three displaying "Add to cart" with background #0369a1, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Ember Market 60 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0060
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Ember Market 60" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$27" with text color #4f46e5, font weight 700.
Create button add_one displaying "Add to cart" with background #4f46e5, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$87" with text color #4f46e5, font weight 700.
Create button add_two displaying "Add to cart" with background #4f46e5, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$97" with text color #4f46e5, font weight 700.
Create button add_three displaying "Add to cart" with background #4f46e5, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Aurelia Market 61 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0061
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Aurelia Market 61" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$28" with text color #7c3aed, font weight 700.
Create button add_one displaying "Add to cart" with background #7c3aed, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$28" with text color #7c3aed, font weight 700.
Create button add_two displaying "Add to cart" with background #7c3aed, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$98" with text color #7c3aed, font weight 700.
Create button add_three displaying "Add to cart" with background #7c3aed, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Northstar Market 62 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0062
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Northstar Market 62" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$29" with text color #2563eb, font weight 700.
Create button add_one displaying "Add to cart" with background #2563eb, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$29" with text color #2563eb, font weight 700.
Create button add_two displaying "Add to cart" with background #2563eb, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$99" with text color #2563eb, font weight 700.
Create button add_three displaying "Add to cart" with background #2563eb, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Velvet House Market 63 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0063
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Velvet House Market 63" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$30" with text color #0f766e, font weight 700.
Create button add_one displaying "Add to cart" with background #0f766e, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$30" with text color #0f766e, font weight 700.
Create button add_two displaying "Add to cart" with background #0f766e, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$100" with text color #0f766e, font weight 700.
Create button add_three displaying "Add to cart" with background #0f766e, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.
commerce

Luma Market 64 · Product storefront

28 lines · 1 page · Frontend only

InteractionsResponsive
View code v1-commerce-0064
Create page shop containing header, product_grid, cart_bar with viewport fill, background #f8fafc, padding 26 pixels, gap 22 pixels.
Create container header containing shop_title, shop_copy with gap 8 pixels.
Create heading shop_title displaying "Luma Market 64" with font size 34 pixels, font weight 800.
Create text shop_copy displaying "Objects selected for useful, beautiful everyday living." with text color #64748b.
Create container product_grid containing product_one, product_two, product_three with layout grid, grid columns 3, gap 18 pixels.
Create card product_one containing product_one_name, product_one_price, add_one with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_one_name displaying "Studio chair" with font size 20 pixels.
Create text product_one_price displaying "$31" with text color #be123c, font weight 700.
Create button add_one displaying "Add to cart" with background #be123c, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_two containing product_two_name, product_two_price, add_two with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_two_name displaying "Ceramic lamp" with font size 20 pixels.
Create text product_two_price displaying "$31" with text color #be123c, font weight 700.
Create button add_two displaying "Add to cart" with background #be123c, text color white, padding 10 pixels, border radius 8 pixels.
Create card product_three containing product_three_name, product_three_price, add_three with padding 22 pixels, gap 10 pixels, background white, border radius 12 pixels.
Create heading product_three_name displaying "Leather folio" with font size 20 pixels.
Create text product_three_price displaying "$101" with text color #be123c, font weight 700.
Create button add_three displaying "Add to cart" with background #be123c, text color white, padding 10 pixels, border radius 8 pixels.
Create container cart_bar containing cart_label, cart_count, clear_cart with direction horizontal, alignment center, distribution between, padding 18 pixels, background #0f172a, text color white, border radius 12 pixels.
Create text cart_label displaying "Cart" with text color white.
Create heading cart_count with text color white, font size 24 pixels.
Create state cart with value 0.
cart_count displays state cart.
When add_one is clicked, increase cart by 1.
When add_two is clicked, increase cart by 1.
When add_three is clicked, increase cart by 1.
Create button clear_cart displaying "Clear" with background transparent, text color white, padding 8 pixels.
When clear_cart is clicked, set cart to 0.
On screens below 760 pixels, product_grid grid columns is 1.