Customizing Checkout, Payment & Cart pages

egoexmachina

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

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

Phil

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

egoexmachina

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

egoexmachina

Works great. thanks!

divinedesignmarketing

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next