• Resolved monicaamb12

    (@monicaamb12)


    Hello!

    I have a question. I would like to personalise the steps of my payment gateway. If you navegate trought it you will see Step 1, Step 2, Step 3 and Step 4.

    Actually it is just to make dissapear a button in Step 1, Step 2, Step 3 and make appear in Step 4.

    Is it that possible with CSS or anything?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi,

    ?It is just to make disappear a button in Step 1, Step 2, Step 3 and make appear in Step 4.

    I understand you would like to hide certain elements at checkout page. Yes, that is possible.

    To assist you further, can you please provide screenshots showing what are the exact sections you would like to hide?

    Looking forward to hearing from you.

    Thread Starter monicaamb12

    (@monicaamb12)

    I can’t attach here images. But I can guide you:

    If you try to do a bought, you will see the checkout is divided in 4 steps to be completed. In the column right you will see a blue bottom that says “Realizar el pedido”.

    My aim is to make dissapear this button in Step 1, 2 and 3 and make appears in Step 4

    Saif

    (@babylon1999)

    Hello @monicaamb12,

    You can add the following CSS snippet to your site, it will remove the button in the sidebar and keep the one below on page 4.

    /*   Remove side bar checkout button cart page */
    
    .fc-place-order__section--sidebar{
      display: none !important;
    }



    Link to image: https://d.pr/i/BTHMEO



    If you need help adding the snippet to your theme, you can check this guide: https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

    Hope this helps!

    Thread Starter monicaamb12

    (@monicaamb12)

    Yes, thank you ??

    But my aim is to make dissapear RIGHT COLUMN BUTTON in Step 1, 2 and 3 and make appears in Step 4

    The one bellow is okay

    Hi @monicaamb12

    If you try to do a bought, you will see the checkout is divided in 4 steps to be completed. In the column right you will see a blue bottom that says “Realizar el pedido”.

    Checking your site’s checkout page, I am not seeing that button Realizar el pedido here as you can see below:

    To better picture what you are referring to here, can you please share with us a clear screenshot of what you see on your end so that we could address you more effectively?

    If you don’t already have a screenshot service installed, you can try https://snipboard.io. You can share the direct link to the image as a response to this topic.

    Thread Starter monicaamb12

    (@monicaamb12)

    Sorry, I was doing tests. You should see the button now

    Thank you ??

    Hi @monicaamb12

    Thanks for enabling the button now. I can see it as seen on this screenshot.

    If I understand you correctly, you would like to hide the Realizar el pedido button and make it visible only when the customer reaches Step 4, right?

    This is a bit of a complicated topic that would need some customization to address. Unfortunately, custom coding is not something we can assist with directly. However, I’ll keep this thread open for a bit to see if anyone from the community can lend a hand.

    If you have any other questions related to development or custom coding, don’t hesitate to reach out to some of the great resources we have available for support. The WooCommerce community is filled with talented open-source developers, and many of them are active on the channels listed below:

    Hope this helps!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘PERSONALISE STEP IN THE PAYMENT GATEWAY’ is closed to new replies.