Display quantity selector on WooCommerce Shop page or Listings pages – Storefront Blocks

We’ve added in an option for Store Owners to add the WooCommerce Quantity Selector into the WooCommerce Shop Page or Category Pages.

Red Bag
£99.00

Red Bag quantity
Sale!
Light Brown Bag
~~£34.00~~ £28.00
215 in stock

Light Brown Bag quantity
Black Over-the-shoulder Handbag
£75.00
100 in stock

Black Over-the-shoulder Handbag quantity
Sale!
Anchor Bracelet
~~£12.00~~ £10.00
500 in stock

Anchor Bracelet quantity

[data-header*="type-1"] .ct-header [data-id="button"] .ct-button-ghost{--buttonTextInitialColor:var(--buttonInitialColor);--buttonTextHoverColor:#fff;}[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container{--maxHeight:71px;}[data-header*="type-1"] .ct-header [data-id="logo"] .site-title{--fontSize:25px;--linkInitialColor:var(--paletteColor4);}[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a{--fontWeight:700;--textTransform:uppercase;--fontSize:12px;--lineHeight:1.3;--linkInitialColor:var(--color);--colorHoverType3:#fff;}[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu{--fontWeight:500;--fontSize:12px;--linkInitialColor:#fff;--dropdown-divider:1px dashed rgba(255,255,255,.1);--background-color:#29333c;--background-hover-color:#34414c;--box-shadow:0px 10px 20px rgba(41,51,61,.1);--border-radius:0px 0px 2px 2px;}[data-header*="type-1"] .ct-header [data-row="middle"]{--height:120px;--background-image:none;--background-color:#fff;--borderTop:none;--borderBottom:none;--box-shadow:none;}[data-header*="type-1"] .ct-header [data-row="middle"] > div{--borderTop:none;--borderBottom:none;}[data-header*="type-1"] [data-id="mobile-menu"]{--fontWeight:700;--fontSize:30px;--linkInitialColor:#fff;}[data-header*="type-1"] #offcanvas > section{--background-image:none;--background-color:rgba(18,21,25,.98);}[data-header*="type-1"] #offcanvas{--background-image:none;--background-color:rgba(255,255,255,0);--side-panel-width:500px;}[data-header*="type-1"] [data-behaviour*="side"]{--box-shadow:0px 0px 70px rgba(0,0,0,.35);}[data-header*="type-1"] .ct-header [data-row="top"]{--height:50px;--background-image:none;--background-color:#fff;--borderTop:none;--borderBottom:none;--box-shadow:none;}[data-header*="type-1"] .ct-header [data-row="top"] > div{--borderTop:none;--borderBottom:none;}[data-header*="type-1"] [data-id="trigger"]{--linkInitialColor:var(--color);--secondColor:#eee;--secondColorHover:#eee;}[data-footer*="type-1"] footer.ct-footer [data-row="bottom"] > div{--container-spacing:25px;--items-gap:60px;--grid-template-colummns:initial;}[data-footer*="type-1"] footer.ct-footer [data-row="bottom"] .widget-title{--fontSize:16px;}[data-footer*="type-1"] footer.ct-footer [data-row="bottom"] .ct-widget{--linkInitialColor:var(--color);}[data-footer*="type-1"] footer.ct-footer [data-row="bottom"] [data-divider="columns"]{--border:none;}[data-footer*="type-1"] footer.ct-footer [data-row="bottom"]{--background-image:none;--background-color:transparent;}[data-footer*="type-1"] [data-id="copyright"]{--fontWeight:400;--fontSize:15px;--lineHeight:1.3;}[data-footer*="type-1"] [data-column="copyright"]{--horizontal-alignment:center;--vertical-alignment:flex-start;}[data-footer*="type-1"] footer.ct-footer [data-row="middle"] > div{--container-spacing:70px;--items-gap:60px;--grid-template-colummns:repeat(3,1fr);}[data-footer*="type-1"] footer.ct-footer [data-row="middle"] .widget-title{--fontSize:16px;}[data-footer*="type-1"] footer.ct-footer [data-row="middle"] .ct-widget{--linkInitialColor:var(--color);}[data-footer*="type-1"] footer.ct-footer [data-row="middle"] [data-divider="columns"]{--border:none;}[data-footer*="type-1"] footer.ct-footer [data-row="middle"]{--background-image:none;--background-color:transparent;}[data-footer*="type-1"] footer.ct-footer{--background-image:none;--background-color:#f4f5f8;}:root{--fontFamily:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--fontWeight:400;--textTransform:none;--textDecoration:none;--fontSize:17px;--lineHeight:1.65;--letterSpacing:0em;--buttonFontWeight:500;--buttonFontSize:15px;--formBorderInitialColor:#e0e5eb;--formBorderFocusColor:var(--paletteColor1);--formBorderSize:1px;--radioCheckboxInitialColor:#d5d8de;--radioCheckboxAccentColor:var(--paletteColor1);--paletteColor1:#fb7258;--paletteColor2:#f74d67;--paletteColor3:#6e6d76;--paletteColor4:#0e0c1b;--paletteColor5:#fff;--color:var(--paletteColor3);--linkInitialColor:var(--paletteColor1);--linkHoverColor:var(--paletteColor2);--selectionTextColor:#fff;--selectionBackgroundColor:var(--paletteColor1);--border-color:rgba(224,229,235,.9);--headingColor:var(--paletteColor4);--contentSpacing:1.5em;--buttonMinHeight:40px;--buttonBorderRadius:3px;--buttonTextInitialColor:#fff;--buttonTextHoverColor:#fff;--buttonInitialColor:var(--paletteColor1);--buttonHoverColor:var(--paletteColor2);--container-max-width:1290px;--content-vertical-spacing:60px;--narrow-container-max-width:750px;--wide-offset:130px;}h1{--fontWeight:700;--fontSize:40px;--lineHeight:1.5;}h2{--fontWeight:700;--fontSize:35px;--lineHeight:1.5;}h3{--fontWeight:700;--fontSize:30px;--lineHeight:1.5;}h4{--fontWeight:700;--fontSize:25px;--lineHeight:1.5;}h5{--fontWeight:700;--fontSize:20px;--lineHeight:1.5;}h6{--fontWeight:700;--fontSize:16px;--lineHeight:1.5;}.wp-block-quote.is-style-large p,.wp-block-pullquote p,.ct-quote-widget blockquote{--fontFamily:Georgia,Sans-Serif;--fontWeight:600;--fontSize:25px;}code,kbd,samp,pre{--fontFamily:monospace,Sans-Serif;--fontWeight:400;--fontSize:16px;}.ct-sidebar .widget-title{--fontSize:18px;}.entry-summary > .product_title{--fontSize:30px;}.entry-summary .price{--fontWeight:700;--fontSize:20px;}body{--background-image:none;--background-color:#f8f9fb;}.ct-pagination{--spacing:80px;}.ct-pagination[data-divider]{--border:none;}[data-pagination="simple"]{--colorActive:#fff;}[data-prefix="woo_categories"] .ct-pagination{--spacing:80px;}[data-prefix="woo_categories"] .ct-pagination[data-divider]{--border:none;}[data-prefix="woo_categories"] [data-pagination="simple"]{--colorActive:#fff;}[data-prefix="blog"] .entry-card .entry-title{--fontSize:20px;--lineHeight:1.3;}[data-prefix="blog"] .entry-excerpt{--fontSize:16px;}[data-prefix="blog"] .entry-card .entry-meta{--fontWeight:600;--textTransform:uppercase;--fontSize:12px;}[data-prefix="blog"] [data-cards="boxed"] .entry-card{--cardBackground:#fff;--border:none;--cardSpacing:35px;--box-shadow:0px 12px 18px -6px rgba(34,56,101,.04);}[data-prefix="blog"] .entry-card{--entry-divider:1px solid rgba(224,229,235,.8);}[data-prefix="blog"] [data-cards="simple"] .entry-card{--border:1px dashed rgba(224,229,235,.8);}[data-prefix="categories"] .entry-card .entry-title{--fontSize:20px;--lineHeight:1.3;}[data-prefix="categories"] .entry-excerpt{--fontSize:16px;}[data-prefix="categories"] .entry-card .entry-meta{--fontWeight:600;--textTransform:uppercase;--fontSize:12px;}[data-prefix="categories"] [data-cards="boxed"] .entry-card{--cardBackground:#fff;--border:none;--cardSpacing:35px;--box-shadow:0px 12px 18px -6px rgba(34,56,101,.04);}[data-prefix="categories"] .entry-card{--entry-divider:1px solid rgba(224,229,235,.8);}[data-prefix="categories"] [data-cards="simple"] .entry-card{--border:1px dashed rgba(224,229,235,.8);}[data-prefix="author"] .entry-card .entry-title{--fontSize:20px;--lineHeight:1.3;}[data-prefix="author"] .entry-excerpt{--fontSize:16px;}[data-prefix="author"] .entry-card .entry-meta{--fontWeight:600;--textTransform:uppercase;--fontSize:12px;}[data-prefix="author"] [data-cards="boxed"] .entry-card{--cardBackground:#fff;--border:none;--cardSpacing:35px;--box-shadow:0px 12px 18px -6px rgba(34,56,101,.04);}[data-prefix="author"] .entry-card{--entry-divider:1px solid rgba(224,229,235,.8);}[data-prefix="author"] [data-cards="simple"] .entry-card{--border:1px dashed rgba(224,229,235,.8);}[data-prefix="search"] .entry-card .entry-title{--fontSize:20px;--lineHeight:1.3;}[data-prefix="search"] .entry-excerpt{--fontSize:16px;}[data-prefix="search"] .entry-card .entry-meta{--fontWeight:600;--textTransform:uppercase;--fontSize:12px;}[data-prefix="search"] [data-cards="boxed"] .entry-card{--cardBackground:#fff;--border:none;--cardSpacing:35px;--box-shadow:0px 12px 18px -6px rgba(34,56,101,.04);}[data-prefix="search"] .entry-card{--entry-divider:1px solid rgba(224,229,235,.8);}[data-prefix="search"] [data-cards="simple"] .entry-card{--border:1px dashed rgba(224,229,235,.8);}[data-products]{--cardsGap:30px;}[data-products] .woocommerce-loop-product__title,[data-products] .woocommerce-loop-category__title{--fontWeight:600;--fontSize:17px;}.out-of-stock-badge{--badge-text-color:#fff;--badge-background-color:#24292e;}[data-products] .entry-meta a{--linkInitialColor:var(--color);}[data-products="type-2"]{--backgroundColor:#fff;--box-shadow:0px 12px 18px -6px rgba(34,56,101,.03);}[data-products] .product{--borderRadius:3px;}.single-product .up-sells{--visibility:block;}.single-product .related{--visibility:block;}.demo_store{--color:#fff;--backgroundColor:var(--paletteColor1);}.woocommerce-info,.woocommerce-message{--background-color:#f0f1f3;}.woocommerce-error{--color:#fff;--background-color:rgba(218,0,28,.7);}.woocommerce-tabs .tabs{--fontWeight:600;--textTransform:uppercase;--fontSize:12px;--linkInitialColor:var(--color);}form textarea{--formInputHeight:170px;}[data-sidebar]{--sidebarWidth:27%;--sidebarWidthNoUnit:27;--sidebarGap:4%;--sidebarOffset:50px;}.ct-sidebar{--linkInitialColor:var(--color);--sidebar-widgets-spacing:60px;}[data-sidebar] > aside{--sidebarBackgroundColor:var(--paletteColor5);--sidebarInnerSpacing:35px;}aside[data-type="type-2"]{--border:none;--box-shadow:0px 12px 18px -6px rgba(34,56,101,.04);}aside[data-type="type-3"]{--border:1px solid rgba(224,229,235,.8);}.ct-back-to-top{--color:#fff;--colorHover:#fff;--backgroundColor:var(--paletteColor3);--backgroundColorHover:var(--paletteColor4);}[data-prefix="single_blog_post"] .ct-share-box[data-location="top"]{--margin:70px;}[data-prefix="single_blog_post"] .ct-share-box[data-location="bottom"]{--margin:70px;}[data-prefix="single_blog_post"] .ct-share-box[data-type="type-1"]{--linkInitialColor:var(--color);--border:1px solid #e0e5eb;}[data-prefix="single_blog_post"] .post-navigation{--margin:80px;--linkInitialColor:var(--color);}[data-prefix="single_blog_post"] .ct-related-posts-container{--padding:70px;--background-image:none;--background-color:#eff1f5;--visibility:block;}[data-prefix="single_blog_post"] .ct-related-posts{--visibility:grid;}[data-prefix="single_blog_post"] .related-entry-title{--linkInitialColor:var(--color);}[data-header*="type-1"] .ct-header [data-row="middle"]{--height:70px;}[data-header*="type-1"] #offcanvas{--side-panel-width:65vw;}[data-footer*="type-1"] footer.ct-footer [data-row="bottom"] > div{--items-gap:40px;--grid-template-colummns:initial;}[data-footer*="type-1"] footer.ct-footer [data-row="middle"] > div{--container-spacing:50px;--items-gap:40px;--grid-template-colummns:initial;}.ct-pagination{--spacing:60px;}[data-prefix="woo_categories"] .ct-pagination{--spacing:60px;}[data-products]{--shop-columns:repeat(3,1fr);}.single-product .up-sells{--visibility:none;}.single-product .related{--visibility:none;}.ct-sidebar{--sidebar-widgets-spacing:40px;}[data-prefix="single_blog_post"] .ct-share-box[data-location="top"]{--margin:50px;}[data-prefix="single_blog_post"] .ct-share-box[data-location="bottom"]{--margin:50px;}[data-prefix="single_blog_post"] .post-navigation{--margin:60px;}[data-prefix="single_blog_post"] .ct-related-posts-container{--padding:50px;--visibility:none;}[data-prefix="single_blog_post"] .ct-related-posts{--visibility:none;}[data-header*="type-1"] [data-id="mobile-menu"]{--fontSize:20px;}[data-header*="type-1"] #offcanvas{--side-panel-width:90vw;}[data-footer*="type-1"] footer.ct-footer [data-row="bottom"] > div{--container-spacing:15px;--grid-template-colummns:initial;}[data-footer*="type-1"] footer.ct-footer [data-row="middle"] > div{--container-spacing:40px;--grid-template-colummns:initial;}.ct-pagination{--spacing:50px;}[data-prefix="woo_categories"] .ct-pagination{--spacing:50px;}[data-prefix="blog"] .entry-card .entry-title{--fontSize:18px;}[data-prefix="blog"] [data-cards="boxed"] .entry-card{--cardSpacing:25px;}[data-prefix="categories"] .entry-card .entry-title{--fontSize:18px;}[data-prefix="categories"] [data-cards="boxed"] .entry-card{--cardSpacing:25px;}[data-prefix="author"] .entry-card .entry-title{--fontSize:18px;}[data-prefix="author"] [data-cards="boxed"] .entry-card{--cardSpacing:25px;}[data-prefix="search"] .entry-card .entry-title{--fontSize:18px;}[data-prefix="search"] [data-cards="boxed"] .entry-card{--cardSpacing:25px;}[data-products]{--shop-columns:repeat(1,1fr);}:root{--content-vertical-spacing:50px;}[data-prefix="single_blog_post"] .ct-share-box[data-location="top"]{--margin:30px;}[data-prefix="single_blog_post"] .ct-share-box[data-location="bottom"]{--margin:30px;}[data-prefix="single_blog_post"] .post-navigation{--margin:40px;}[data-prefix="single_blog_post"] .ct-related-posts-container{--padding:30px;}.woocommerce form .form-row .required{visibility:visible;}.livedemo{box-shadow:10px 10px 25px 0px rgba(0,0,0,.75);}.page-id-1788{background-color:black;}.page-id-1788 footer{display:none;}