edit checkout page html with child theme

[wittnove]

hi how can i edit the html  of my checkout page i want to change the order of blocks

like bring coupon field bellow payement option etc…

[Foster]

Hi there,
1. Templates files can be found within the /wp-content/plugins/woocommerce/templates/checkout directory.
2. Copy the needed file into the directory within your child theme named woocommerce (create if it does not exist), keeping the same file structure but removing the templates subdirectory
3. For example, if you need to overwrite file /wp-content/plugins/woocommerce/templates/checkout/form-checkout.php, copy this file to /themes/gecko-child/woocommerce/checkout folder

Foster

[wittnove]

hi, i tried it  didn’t work

[Harry]

Hi,

Sorry for late reply.

With your case, can’t do it because pay-form will get price = (total price – discount of coupon code )  to have last price, if you move coupon form below payment method, the last price = total price ( do not reduce price and  apply  payment before apply discount coupon.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[wittnove]

thank you for your reply , but how can i make it work because we are using coupon as prepaid card for our customer that can’t pay using paypal or credit card . most our customer are in africa we use cuppon code as prepaid card

reagrd

[Harry]

You can hire some freelancer to help you at https://studio.envato.com/explore/wordpress, i don’t have experience with this case.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[wittnove]

hi , i think the problem is on ajax, because the same oepration is working on mozilla but not working on other browser how can stop the ajax on checkout page?

please try this coupon code on mozilla you will see it work exactly the way i want it but when use google chrome the checkout button is not working

coupon code : l4bo-d8sj-vdip

 

[Harry]

Sorry for miss understood your issue.

I check your site and saw coupon code work well both Chrome, Firefox.

Could you try disable some extension of Chrome and check again.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[wittnove]

how can i edit html checkout page from a child theme ?

[Harry]

Hi,

You can copy files in “plugins > woocommerce > templates > checkout” to  “gecko-child > woocommerce > checkout”

On the top of any file have show message you to override this file.

https://monosnap.com/file/xOEkyCJY46dZEyxghW4MnNjbeLIaBl#

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[wittnove]

thanks that work, but an help please i wanna put coupon form in payement area  before the credit card payement how can achieve that,  i tried with the checkout file html code but didnt work

 

[wittnove]

and my realted product on product details page just disappear

[Harry]

Hi,

You can try this tutorial to custom coupon code form https://www.sellwithwp.com/move-the-woocommerce-coupon-field/

WooCommerce 3.0.x have issue with related product, we will release new update with new feature for you can control number of related product per row https://monosnap.com/file/Ohsohex9wXIywdjagwVvsIDUbFTDIR#

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts