Mini cart quantity selector

Hi @basterrika

Thanks for reaching out!

I understand that the Mini Cart widget on your site is not displaying the quantity selector, correct?

I added the Mini Cart Widget on my site and I am seeing the quantity selector as shown below:

To better picture what you are referring to here, can you please share with us a clear screenshot of what you see on your end so that we could address you more effectively?

If you don’t already have a screenshot service installed, you can try https://snipboard.io or https://skitch.com/. You can share the direct link to the image as a response to this topic.

Additionally, I’d like to understand your site properly, please share your System Status Report that you can find via WooCommerce > Status. Select Get system report and then Copy for support. Once you’ve done that, you can paste it into your reply here.

If you could also provide the fatal error logs (if any) under WooCommerce > Status > Logs.

Thanks!

Hi @xue28,

This is how I see the Mini Cart (not the block one but the PHP one):

Here is the system report:

WordPress Environment

WordPress address (URL): https://nimbl.cc
Site address (URL): https://nimbl.cc
WC Version: 7.3.0
REST API Version: ?</img> 7.3.0
WC Blocks Version: ?</img> 9.1.5
Action Scheduler Version: ?</img> 3.4.0
Log Directory Writable: ?</img>
WP Version: 6.1.1
WP Multisite: ?</img>
WP Memory Limit: 768 MB
WP Debug Mode: –
WP Cron: ?</img>
Language: en_US
External object cache: –

Server Environment

Server Info: Apache
PHP Version: 8.2.1
PHP Post Max Size: 256 MB
PHP Time Limit: 120
PHP Max Input Vars: 3000
cURL Version: 7.66.0
OpenSSL/1.1.1q-fips

SUHOSIN Installed: –
MySQL Version: 5.7.39-42-log
Max Upload Size: 3 MB
Default Timezone is UTC: ?</img>
fsockopen/cURL: ?</img>
SoapClient: ?</img>
DOMDocument: ?</img>
GZip: ?</img>
Multibyte String: ?</img>
Remote Post: ?</img>
Remote Get: ?</img>

Database

WC Database Version: 7.3.0
WC Database Prefix: basterrika_10_
Total Database Size: 84.39MB
Database Data Size: 61.03MB
Database Index Size: 23.36MB
basterrika_10_woocommerce_sessions: Data: 0.17MB + Index: 0.02MB + Engine InnoDB
basterrika_10_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
basterrika_10_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
basterrika_10_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
basterrika_10_woocommerce_order_items: Data: 0.34MB + Index: 0.13MB + Engine InnoDB
basterrika_10_woocommerce_order_itemmeta: Data: 3.52MB + Index: 3.03MB + Engine InnoDB
basterrika_10_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
basterrika_10_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
basterrika_10_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
basterrika_10_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
basterrika_10_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
basterrika_10_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
basterrika_10_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
basterrika_10_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
basterrika_10_actionscheduler_actions: Data: 0.22MB + Index: 0.20MB + Engine InnoDB
basterrika_10_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
basterrika_10_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
basterrika_10_actionscheduler_logs: Data: 0.17MB + Index: 0.17MB + Engine InnoDB
basterrika_10_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
basterrika_10_comments: Data: 1.52MB + Index: 0.94MB + Engine InnoDB
basterrika_10_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
basterrika_10_mollie_pending_payment: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
basterrika_10_options: Data: 5.13MB + Index: 0.08MB + Engine InnoDB
basterrika_10_postmeta: Data: 9.52MB + Index: 13.03MB + Engine InnoDB
basterrika_10_posts: Data: 1.50MB + Index: 0.59MB + Engine InnoDB
basterrika_10_redirection_404: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
basterrika_10_redirection_groups: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
basterrika_10_redirection_items: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
basterrika_10_redirection_logs: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
basterrika_10_site_email_logs: Data: 34.52MB + Index: 0.00MB + Engine InnoDB
basterrika_10_termmeta: Data: 0.06MB + Index: 0.03MB + Engine InnoDB
basterrika_10_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
basterrika_10_term_relationships: Data: 0.08MB + Index: 0.05MB + Engine InnoDB
basterrika_10_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
basterrika_10_wc_admin_notes: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
basterrika_10_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
basterrika_10_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
basterrika_10_wc_customer_lookup: Data: 0.14MB + Index: 0.13MB + Engine InnoDB
basterrika_10_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
basterrika_10_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
basterrika_10_wc_order_product_lookup: Data: 0.20MB + Index: 0.28MB + Engine InnoDB
basterrika_10_wc_order_stats: Data: 0.14MB + Index: 0.17MB + Engine InnoDB
basterrika_10_wc_order_tax_lookup: Data: 0.14MB + Index: 0.16MB + Engine InnoDB
basterrika_10_wc_product_attributes_lookup: Data: 0.13MB + Index: 0.09MB + Engine InnoDB
basterrika_10_wc_product_download_directories: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
basterrika_10_wc_product_meta_lookup: Data: 0.09MB + Index: 0.13MB + Engine InnoDB
basterrika_10_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
basterrika_10_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
basterrika_10_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
basterrika_10_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
basterrika_blogmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
basterrika_blogs: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
basterrika_registration_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
basterrika_signups: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
basterrika_site: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
basterrika_sitemeta: Data: 0.05MB + Index: 0.03MB + Engine InnoDB
basterrika_usermeta: Data: 2.52MB + Index: 3.03MB + Engine InnoDB
basterrika_users: Data: 0.13MB + Index: 0.08MB + Engine InnoDB

Post Type Counts

athlete: 49
attachment: 592
cpt: 1
custom_css: 1
customize_changeset: 3
nav_menu_item: 44
page: 34
product: 25
product_variation: 610
reusable_block: 2
revision: 8
shop_coupon: 113
shop_order: 1376
shop_order_refund: 33

Security

Secure connection (HTTPS): ?</img>
Hide errors from visitors: ?</img>

Active Plugins (8)

Cajón desastre: by Mikel – 1.0.0
WPBakery Page Builder: by Michael M - WPBakery.com – 6.10.0
Mollie Payments for WooCommerce: by Mollie – 7.3.5
WooCommerce Price Based on Country Pro: by Oscar Gare – 3.0.0
WooCommerce Price Based on Country: by Oscar Gare – 3.0.1
WooCommerce: by Automattic – 7.3.0
Tweaks: by Mikel – 1.0.0
Network Enhancements: by Mikel – 1.0.0

Inactive Plugins (3)

Kernel - Newsletter: by Mikel – 1.0.0
WooCommerce Stripe Gateway: by WooCommerce – 7.0.2
WooCommerce Subscriptions: by WooCommerce – 4.7.0 (update to version 4.8.0 is available)

Settings

API Enabled: –
Force SSL: –
Currency: EUR (€)
Currency Position: right
Thousand Separator: .
Decimal Separator: ,
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: –
Enforce Approved Product Download Directories: –
Order datastore: WC_Order_Data_Store_CPT

WC Pages

Shop base: #54 - /shop/
Cart: #48 - /cart/
Checkout: #49 - /checkout/
My account: #50 - /my-account/
Terms and conditions: #51 - /terms-and-conditions/

Theme

Name: Kernel
Version: 0.1
Author URL: https://basterrika.com
Child Theme: ?</img> – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme
WooCommerce Support: ?</img>

Templates

Overrides: –

Geolocation debug info

Default customer location: geolocation
MaxMind GeoIP database: ?</img>
MaxMind GeoIP license: ?</img>
MM_COUNTRY_CODE: ?</img>
GEOIP_COUNTRY_CODE: ?</img>
HTTP_CF_IPCOUNTRY: ?</img>
HTTP_X_COUNTRY_CODE: ?</img>
HTTP_X_REAL_IP: 88.10.248.248
HTTP_X_FORWARDED_FOR: ?</img>
REMOTE_ADDR: 88.10.248.248
Real external IP: 88.10.248.248
WCPBC_USE_REMOTE_ADDR: –
Geolocation Test: ?</img>

PBC Settings

Version: 3.0.1
Base location: NL
Base currency: EUR
Price Based On: shipping
Shipping: –
Test mode: –
Test country: –
Load products price in background: –
Currency format: [price][symbol]
Exchange rate API: floatrates
Prices entered with tax: ?</img>
Calculate tax based on: shipping
Display prices in the shop: incl

Zone Pricing United Kingdom

zone_id: united-kingdom
enabled: yes
name: United Kingdom
countries: GB
currency: GBP
exchange_rate: 1
auto_exchange_rate: no
disable_tax_adjustment: yes
order: 9999
real_exchange_rate: 0.879167
exchange_rate_fee: 0
round_nearest:
round_after_taxes: no
currency_format:
price_thousand_sep: .
price_decimal_sep: ,
price_num_decimals: 2
trim_zeros: no
price_charm:

Zone Pricing USA

zone_id: usa
enabled: yes
name: USA
countries: US | UM
currency: USD
exchange_rate: 1
auto_exchange_rate: no
disable_tax_adjustment: no
order: 9999
real_exchange_rate: 1.089553
exchange_rate_fee: 0
round_nearest:
round_after_taxes: no
currency_format:
price_thousand_sep: .
price_decimal_sep: ,
price_num_decimals: 2
trim_zeros: no
price_charm:

Zone Pricing Canada

zone_id: canada
enabled: yes
name: Canada
countries: CA
currency: CAD
exchange_rate: 1.50
auto_exchange_rate: no
disable_tax_adjustment: no
order: 9999
real_exchange_rate: 1.451046
exchange_rate_fee: 0
round_nearest:
round_after_taxes: no
currency_format:
price_thousand_sep: .
price_decimal_sep: ,
price_num_decimals: 2
trim_zeros: no
price_charm:

Zone Pricing Taiwan

zone_id: taiwan
enabled: yes
name: Taiwan
countries: TW
currency: USD
exchange_rate: 1
auto_exchange_rate: no
disable_tax_adjustment: no
order: 9999
real_exchange_rate: 1.089553
exchange_rate_fee: 0
round_nearest:
round_after_taxes: no
currency_format:
price_thousand_sep: .
price_decimal_sep: ,
price_num_decimals: 2
trim_zeros: no
price_charm:

Zone Pricing Australia

zone_id: australia
enabled: yes
name: Australia
countries: AU
currency: AUD
exchange_rate: 1
auto_exchange_rate: no
disable_tax_adjustment: no
order: 9999
real_exchange_rate: 1.53434
exchange_rate_fee: 0
round_nearest:
round_after_taxes: no
currency_format:
price_thousand_sep: .
price_decimal_sep: ,
price_num_decimals: 2
trim_zeros: no
price_charm:

Zone Pricing Japan

zone_id: japan
enabled: yes
name: Japan
countries: JP
currency: JPY
exchange_rate: 135
auto_exchange_rate: no
disable_tax_adjustment: no
order: 9999
real_exchange_rate: 141.544991
exchange_rate_fee: 0
round_nearest:
round_after_taxes: no
currency_format:
price_thousand_sep: .
price_decimal_sep: ,
price_num_decimals: 2
trim_zeros: no
price_charm:

Zone Pricing Thailand

zone_id: thailand
enabled: yes
name: Thailand
countries: TH
currency: USD
exchange_rate: 1
auto_exchange_rate: no
disable_tax_adjustment: no
order: 9999
real_exchange_rate: 1.089553
exchange_rate_fee: 0
round_nearest:
round_after_taxes: no
currency_format:
price_thousand_sep: .
price_decimal_sep: ,
price_num_decimals: 2
trim_zeros: no
price_charm:

Zone Pricing China

zone_id: china
enabled: yes
name: China
countries: CN
currency: USD
exchange_rate: 1
auto_exchange_rate: no
disable_tax_adjustment: no
order: 9999
real_exchange_rate: 1.089553
exchange_rate_fee: 0
round_nearest:
round_after_taxes: no
currency_format:
price_thousand_sep: .
price_decimal_sep: ,
price_num_decimals: 2
trim_zeros: no
price_charm:

Zone Pricing United Arab Emirates

zone_id: united-arab-emirates
enabled: yes
name: United Arab Emirates
countries: AE
currency: USD
exchange_rate: 1
auto_exchange_rate: no
disable_tax_adjustment: no
order: 9999
real_exchange_rate: 1.089553
exchange_rate_fee: 0
round_nearest:
round_after_taxes: no
currency_format:
price_thousand_sep: .
price_decimal_sep: ,
price_num_decimals: 2
trim_zeros: no
price_charm:

Admin

Enabled Features: activity-panels
analytics
coupons
customer-effort-score-tracks
experimental-products-task
experimental-import-products-task
experimental-fashion-sample-products
shipping-smart-defaults
shipping-setting-tour
homescreen
multichannel-marketing
mobile-app-banner
navigation
onboarding
onboarding-tasks
remote-inbox-notifications
remote-free-extensions
payment-gateway-suggestions
shipping-label-banner
subscriptions
store-alerts
transient-notices
woo-mobile-welcome
wc-pay-promotion
wc-pay-welcome-page

Disabled Features: marketing
minified-js
new-product-management-experience
settings

Daily Cron: ?</img> Next scheduled: 2023-01-31 17:35:14 +01:00
Options: ?</img>
Notes: 6
Onboarding: completed

Action Scheduler

Complete: 649
Oldest: 2022-12-31 09:32:27 +0100
Newest: 2023-01-31 08:14:36 +0100

Pending: 2
Oldest: 2023-01-31 08:37:48 +0100
Newest: 2023-02-01 06:22:30 +0100

Status report information

Generated at: 2023-01-31 08:37:55 +01:00
`

Hi @basterrika

Thanks for sharing the screenshot as well as the System Status Report.

Can you please try to switch to the default Storefront theme and only WooCommerce plugin is enabled and see if this works?

If so, then this kind of problem is usually caused by your theme or a third-party plugin present on your site. We can run a conflict test to verify this. I’d recommend cloning your site to a staging environment and performing the tests described on this guide without modifying your live site or impacting customers. Many hosts provide staging facilities, so it’s worth checking in with them. It’s also possible to do it using the free WP Staging plugin.

If this was caused by a third-party plugin present on your site, it would be best to reach out to the developers for further assistance here.

If this did not resolve the issue, please provide the fatal error logs (if any) under WooCommerce > Status > Logs.

Let us know how it goes!

Hi @xue28

I am a developer myself and I can confirm that the code that is executed is correct.

Even so, I have tried to use Storefront and indeed, that is what I was saying. In the cart of the PHP version (not Gutenberg) there is no quantity selector.

What I am saying is that if you have already implemented the quantity selector in the Gutenberg block, you should also add it in the PHP Mini Cart natively without having to develop it on our end.

I don’t understand why something as basic as changing quantities is not available by default.

Hola @basterrika

Thank you for reaching back, clarifying things further.

I’d like to loop back to the original inquiry:

The new Gutenberg cart block has the quantity selector. However, the Mini Cart widget does not have it. I think this functionality is a must and now that it has been implemented in Gutenberg it should also be implemented natively in PHP.

Kindly note that, since the launch of Gutenberg, the process of “blockifying” all things WordPress, gradually, also started.

Furthermore, from a UX point of view, a customer is able to select quantities for the products on the Product page and the Cart page, with the out-of-the-box functionality found with WooCommerce.

It is worth keeping in mind that, since these days the majority of online sales happen on mobile devices, mobile-first experiences are created, when developing a website, and, with that in mind, WooCommerce allows for extensibility, as it is open-source, for everyone to create a solution that fits their needs.

What I am saying is that if you have already implemented the quantity selector in the Gutenberg block, you should also add it in the PHP Mini Cart natively without having to develop it on our end.

This is a great idea. Feel free to submit it via this GitHub page.

I trust that points you in the right direction, but if you have more questions, let us know. We’re happy to help.