he latest plugin update did indeed add the qty selector to the frequently bought together items but it causes misalignment and the up and down selector is covering up the image see here.
But is it possible to make the input qty box and up and down box narrower as it is taking up too much space on mobile and creating extra text lines for items with longer titles. The input qty box only needs to fit 3 digits instead of 4 that fits now and the up and down box can be narrower mainly just to fit the up and down symbols
If you're satisfied with our support and the quality of our plugin, please reward us with a full five-star rating and a few good words in the review on WordPress repository to let others know. Kindly find it in the link below:
Woocommerce Frequently Bought Together Plugin allow you to more than one product add to cart in woocommerce it provide discount also if product purchase more than one this is powerful feature for woocommerce
he latest plugin update did indeed add the qty selector to the frequently bought together items but it causes misalignment and the up and down selector is covering up the image see here.
http://prntscr.com/q5eqqr
The page I need help with: https://exclusivemod.com/product/herman-miller-aeron-chair/
Hi Yakov,
Please below CSS code to WP-Admin → Appearance → Customizer → Additional CSS:
.woobt-products .woobt-product .woobt-price {max-width: 60px;
} .woobt-products .woobt-product .woobt-quantity .quantity {
padding-right: 34px;
} .woobt-products .woobt-product .woobt-quantity .quantity .quantity-nav {
right: 0;
} .woobt-products .woobt-product .woobt-quantity .quantity input {
box-shadow: none;
border: 1px solid #e2e2e2;
} .woobt-products .woobt-product .woobt-quantity .quantity .quantity-nav .plus, .woobt-products .woobt-product .woobt-quantity .quantity .quantity-nav .minus {
height: 20px;
line-height: 16px;
text-align: center;
} .woobt-products .woobt-product .woobt-quantity .quantity .quantity-nav .plus:before, .woobt-products .woobt-product .woobt-quantity .quantity .quantity-nav .minus:before {
margin-left: 5px;
}
And the result https://prnt.sc/q6gmw5
Best regards,
Dustin
Thanks. Works.
But is it possible to make the input qty box and up and down box narrower as it is taking up too much space on mobile and creating extra text lines for items with longer titles. The input qty box only needs to fit 3 digits instead of 4 that fits now and the up and down box can be narrower mainly just to fit the up and down symbols
Yes! Please replace old CSS code with:
.woobt-products .woobt-product .woobt-choose {width: 30px;
} .woobt-products .woobt-product .woobt-price {
width: 60px;
} .woobt-products .woobt-product .woobt-quantity {
width: 80px;
} .woobt-products .woobt-product .woobt-quantity .quantity {
padding-right: 34px;
} .woobt-products .woobt-product .woobt-quantity .quantity .quantity-nav {
right: 0;
} .woobt-products .woobt-product .woobt-quantity .quantity input {
box-shadow: none;
border: 1px solid #e2e2e2;
width: 46px;
} .woobt-products .woobt-product .woobt-quantity .quantity .quantity-nav .plus, .woobt-products .woobt-product .woobt-quantity .quantity .quantity-nav .minus {
height: 20px;
line-height: 16px;
text-align: center;
} .woobt-products .woobt-product .woobt-quantity .quantity .quantity-nav .plus:before, .woobt-products .woobt-product .woobt-quantity .quantity .quantity-nav .minus:before {
margin-left: 5px;
}
And the result https://prnt.sc/q6x32j
Best regards,
Dustin
Thank you for contacting WPClever Support Forum.
If you're satisfied with our support and the quality of our plugin, please reward us with a full five-star rating and a few good words in the review on WordPress repository to let others know. Kindly find it in the link below:
WPC Frequently Bought Together for WooCommerce
Wish you all the best.
Janilyn T. - WPClever Support Agent
Woocommerce Frequently Bought Together Plugin allow you to more than one product add to cart in woocommerce it provide discount also if product purchase more than one this is powerful feature for woocommerce