Customizing Checkout, Payment & Cart pages

egoexmachina · May 2022

I need to have a header in those pages (and customize some things in the designated shop page too). is there any way to do that without editing the woocommerce templates?

maybe in the Theme options or adding php snippets?

egoexmachina · May 2022

Captura de pantalla 2022-05-12 a las 17.22.36.png

There is 3-step guide for checkout that rest behind my header. I Just need to "push" it below

Phil · May 2022

Hi,

There is no option to customize checkout, payment, and cart pages. They are created automatically.

However, moving the steps down can be done by writing a custom CSS code. I can help you with writing it, but I will need a link to your website.

Thanks

egoexmachina · May 2022

granhotelnagari.com

I need to customize the header for those pages. it is behind the menu and logo. need to have it in color #31404f and the "shop process" it features in the header to move 200 px down

Phil · May 2022

Please, use the following CSS code:

@media only screen and (min-width: 768px){
    .mfn-cart-step{
   padding-top: 200px!important;
   background-color: #31404f!important;
  }
}
@media only screen and (max-width: 767px){
    .mfn-cart-step{
   padding-top: 100px!important;
   background-color: #31404f!important;
  }
}

Moreover, please, go to Betheme -> Theme options -> Global -> Advanced, and Hide the Content top padding.

It will eliminate the white space that appears above.

Thanks

egoexmachina · May 2022

Works great. thanks!

divinedesignmarketing · May 30

HI how do i make Phone field required from Optional? i tried going through Setting>customize>woocommerce but the checkout page option there says to use theme editor.

Phil · May 31

Hi @divinedesignmarketing,

Are you sure that you have Betheme active on your website?

I have checked that, and it shows this for me:

If you have Betheme active, please send us the WordPress dashboard and FTP access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!

Please attach a link to this forum discussion.

Sending incorrect or incomplete data will result in a longer response time.

Therefore, please ensure that the data you send are complete and correct.

Thanks

Customizing Checkout, Payment & Cart pages

Comments