- This topic has 13 replies, 3 voices, and was last updated 4 years, 1 month ago by David.
-
AuthorPosts
-
February 25, 2020 at 4:14 am #1176092Soumyadip
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!
February 25, 2020 at 1:54 pm #1176770TomLead DeveloperLead DeveloperHi 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.
February 26, 2020 at 1:24 am #1177108SoumyadipI 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
February 26, 2020 at 6:27 am #1177373DavidStaffCustomer SupportHi 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; }
February 26, 2020 at 10:03 am #1177797SoumyadipThanks, 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
February 27, 2020 at 12:20 am #1178272TomLead DeveloperLead DeveloperHi 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?
February 27, 2020 at 12:48 am #1178292Soumyadip3. Yes i want the Add TO cArt (full width) below the quantity
as in this example http://i.is.cc/Mf64UT7.jpgFebruary 27, 2020 at 3:26 am #1178411DavidStaffCustomer Support3. 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; }
February 27, 2020 at 3:40 am #1178417SoumyadipYes 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 biggerFebruary 27, 2020 at 4:51 am #1178477DavidStaffCustomer SupportEdited 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; }
February 27, 2020 at 5:04 am #1178493SoumyadipYes now the quantity text is showing, but on the cart page it is showing two quantity text (see this i.is.cc/NrMqus0.jpg)
February 27, 2020 at 5:42 am #1178526DavidStaffCustomer SupportChange this line:
.do-quantity-buttons div.quantity:before {
to:
.single-product .do-quantity-buttons div.quantity:before
February 27, 2020 at 5:57 am #1178543SoumyadipThanks 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
February 27, 2020 at 6:04 am #1178556DavidStaffCustomer SupportGlad to hear that – and thanks for the great feedback !
-
AuthorPosts
- You must be logged in to reply to this topic.