How to move update cart and coupon button under product items

[alexlii]

Hello,

Please check the screenshot:

http://prntscr.com/ma7frc

 

it is not logical now for users to use these two buttons, almost every Woocommerce sites, these two button looks like that way, since “update cart and apply coupon” both are used before process payment, and it is really not convenient especially in mobile mode.

Is there anyway to put these two buttons under product items by CSS please?

 

Thanks for your support.

[Radu]

Hi,

With css i don’t think so because it’s not so reliable to write to much css in that maner, the most reliable and good way it’s to move them directly from there under that directly.

This it’s the responsible file for that view : wp-content/themes/kleo/woocommerce/cart/cart.php and ti can be modified by copying the file into child theme in same location : wp-content/themes/kleo-child/woocommerce/cart/cart.php

Here you can do your desired changes and it will be updated proof.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[alexlii]

Hi

I understand it is not the thing by CSS,

If so, would you please take it as feature request and update it next version please?

Thanks

[Radu]

Hi,

I’ve moved into featured request forums, if user votes this it will be implemented.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[alexlii]

Hi Rahu,

Frankly, I do not think your theme users have time to vote there.

I checked so manny themes on theme forest, I have not found one theme show those two button at way even free Woo themes, just for your reference:

http://femme.ancorathemes.com/cart/
http://wundermag.thememeister.com/cart/

Screenshot:
http://prntscr.com/me84gm
http://prntscr.com/me84pq

I am not sure why you design that way, but quite sure this request is not just for me but also for Kleo theme, please ask your developers take this request into consideration.

Thanks

Alex

[Radu]

Hi,

I’ve done that for you to have the coupon under product list

Add this css in style.css from child theme.

COPY CODE

.woocommerce-cart-form .coupon input {
    display: inline;
}

Create new file named cart.php under wp-content/themes/kleo-child/woocommerce/cart/

So the complete file path will be : wp-content/themes/kleo-child/woocommerce/cart/cart.php

in that you will paste this content : https://pastebin.com/raw/AcphqKCD

It will look like this

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[alexlii]

Hi Radu,

I know you will do it because you are Kleo Team:)

would you please move “Update cart” too as the screenshot: http://prntscr.com/mfbxoi

because “update cart” include both “Apply Coupon” and “change the quantity” of products, and you may fine the said format or style on all of Woocommerce site. we believe it will be logical with this way.

Looking forward to your reply.

Alex

[Radu]

Hi,

I will see if the update card button comes separately via hook there and will get back with a solution if the button comes separately.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts