Site logo

Archived topic

Woocommerce Seller Theme Quick Fix

13 replies · Started by Soumyadip on February 25, 2020

Viewing posts 1–14 of 14

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)

i.is.cc/LGWT00H.png

i.is.cc/LGYxA9Y.png

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. 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 !

This archived topic is closed to new replies.