Return to previous page

Quantity buttons are missing on desktop views

This topic has 3 replies, 2 voices, and was last updated 6 years, 6 months ago ago by Olga Barlow

davidacardona

Participant

October 19, 2017 at 02:04

Hi, my site is missing the quantity buttons on the single product page. The weird thing is that they are visible if i reload the page on mobile view. I tried deactivating all plugins except woocommerce, and updated the theme to 4.10 version. But nothing

My site is colombiajeans.co

Please, contact administrator
for this information.

#175514 Copied Theme version: 4.10 WooCommerce version: 3.2.1

2 Answers

davidacardona

Participant

October 19, 2017 at 03:06

I temporary fixed this with this plugin.
https://wordpress.org/plugins/woocommerce-quantity-increment/
After need to add this code to functions.php

add_action( ‘wp_enqueue_scripts’, ‘wcs_dequeue_quantity’ );
function wcs_dequeue_quantity() {
wp_dequeue_style( ‘wcqi-css’ );
}

and this CSS to style the quantity boxes

.single-product.et_quantity-off .quantity {
display: inline-block;
}

.minus, .plus {
display: inline-block;
min-height: 38px;
line-height: 38px;
border: none;
background-color: #f7f7f7;
width: 33px;
text-align: center;
letter-spacing: 0;
color: #1e1e1e;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
cursor: pointer;
vertical-align: top;
-webkit-font-smoothing: none;
}

.quantity.buttons_added input[type=”number”] {
display: inline-block;
width: 30px;
max-width: 35px;
padding: 0 0.1em;
text-align: center;
font-weight: 600;
font-size: 0.95rem;
-webkit-appearance: none;
height: 38px;
line-height: 38px;
color: #494949;
}

#175517 Copied

Olga Barlow

Support staff

October 19, 2017 at 10:46

Hello,

I have enabled parent theme and disabled WooCommerce Quantity Increment plugin and don’t see any problem http://prntscr.com/gzakp1

Explain your problem in details.

Regards

#175553 Copied
Viewing 3 results - 1 through 3 (of 3 total)