Archived topic
Woocommerce Seller Theme Quick Fix
13 replies · Started by Soumyadip on February 25, 2020
1. I want the store notice to be sticky on the page (hide on scrolling) and remove the dismiss link.
2. After clicking add to cart it goes straight to the cart page (i have done that) but I don't want the message to be shown again (see the screenshot) i.is.cc/Kl2Won3.jpg
Secondly, on mobile, the product image is not showing on the cart page and also in desktop the image is looking very small, I want to make it little larger.
Third, add these extra words and badges below "proceed to checkout button" on cart page. (see the screenshot) i.is.cc/KlDVgyV.jpg (you can check on the store i mentioned above)
3. On the final checkout page, I don't want the "enter coupon tab" because it's already in the previous cart page (see the screenshot) i.is.cc/Kl9Blmq.jpg
4. Remove order notes on checkout page (see the screenshot) i.is.cc/KldVr0P.jpg
5. Add credit card icons like Mastercard, visa, paypal, letsencrypt secure badges to the bottom footer
Let me how to do these customisations
Thanks!
Hi there,
1. What am I looking for here, exactly? I'm not seeing a notice there.
2. This might help: https://stackoverflow.com/questions/37126658/hide-added-to-cart-message-in-woocommerce
For the image size, this should help: https://generatepress.com/forums/topic/how-to-increase-size-of-woocommerce-product-image-cart/
For mobile, this should help: https://generatepress.com/forums/topic/show-product-images-in-cart-page/
3. This should help: https://stackoverflow.com/questions/46209924/woocommerce-remove-coupon-section-from-checkout-page
4. This should do it: https://businessbloomer.com/woocommerce-remove-order-notes-checkout-page/
5. Credit card icons can be added using regular widgets, you just need to add them as images.
I have fixed almost everything..
One last thing... how to remove the black little border on 'ADD TO Cart' button, 'checkout button' on cart page and 'place order button' on the final page...
On the desktop, the border is not visible, but on mobile, it is showing a black border on those
buttons...
I have taken the screenshots from my mobile and attached it (see the screenshots)
And also look at the UPDATE CART Button (the upper black is visible and lower is not)
More or less I just want those buttons to be like the 'APPLY COUPON BUtton' with no black border
You can also check my website on your mobile phone as well and have a look
https://clothesforacause.online/
Let me know how to remove this little black border
Hi there,
add this CSS to your site:
button,
html input[type=button],
input[type=reset],
input[type=submit],
a.button,
a.button:visited,
.woocommerce a.button,
.woocommerce a.button:visited,
.woocommerce button.button,
.woocommerce input.button {
border-width: 0 !important;
}
Thanks, David it worked!
Ok moving forward..
1. Let me know how to remove the Review section from the Tab when the product is not having a single review or 0 reviews (see the screenshot) i.is.cc/MeSKPwV.jpg
I want it to show up only when there's at least 5-10 reviews
2. And also let me know if it possible to completely remove those 3 link blocks (description, additional and reviews) so that it just starts directly from the description i write on the Wordpress backend without those tabs...
3. How to make the quantity and add to cart like this (separately) see the screenshot i.is.cc/Mf64UT7.jpg Demo store you can look at - https://wowstamp.com/products/anti-snoring-device-cpap-sleep-apnea-treatment
Hi there,
1. I'm not sure if this is possible, you may need to ask WooCommerce support.
2. Try this:
.woocommerce div.product .woocommerce-tabs ul.tabs {
display: none;
}
.woocommerce div.product .woocommerce-tabs .panel {
display: block !important;
}
3. Not too sure what you mean here - do you just want the add to cart button to be full width below the quantity buttons?
3. Yes i want the Add TO cArt (full width) below the quantity
as in this example http://i.is.cc/Mf64UT7.jpg
3. Try this CSS:
.woocommerce div.product form.cart {
flex-wrap: wrap;
margin-bottom: 0em !important;
}
.woocommerce div.product form.cart .button {
flex: 1 0 100%;
line-height: 2.5em;
margin-top: 0.75em;
font-size: 20px;
}
Yes David it is working, but I want the quantity text to be written (see this i.is.cc/NmgIvWh.jpg)
and also i want to the ADD TO CART text to be little bigger
Edited the CSS here to include the button font-size
And this to add a label to the quantity buttons:
.do-quantity-buttons div.quantity:before {
content: 'Quantity';
font-weight: 600;
margin-right: 1em;
}
Yes now the quantity text is showing, but on the cart page it is showing two quantity text (see this i.is.cc/NrMqus0.jpg)
Change this line:
.do-quantity-buttons div.quantity:before {
to:
.single-product .do-quantity-buttons div.quantity:before
Thanks David it is fixed..
Really happy with your support and this is why i am your customer from last 3 years
Thanks Tom, David and Leo
Glad to hear that - and thanks for the great feedback !