Customizing Checkout, Payment & Cart pages

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?

Comments

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

  • 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

  • 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

  • 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

  • Works great. thanks!

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


  • 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

Sign In or Register to comment.