#132260 ‘Go Back’ button on a single product page (short description area)

Landing Forums JupiterX WordPress Theme ‘Go Back’ button on a single product page (short description area)

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • Jennifer

    Hello. I’m trying to get a ‘go back’ button working in the text field of the short description. Example here: https://testportal.bpsassessment.com/product/prescription-review-rev/

    But the onclick=”history.back() function keeps disappearing!

    Can you advise how to make this work please?

    Thank you

    Mohsin Al-Rabieai Support Team

    Hi Jennifer,

    WordPress sanitizes the texts you use inside a text field so for sure it will be removed. You either need to use an “HTML RAW” shortcode instead of a simple text or use a hack with a code modification to inject your code. I recommend you create a page, add your code inside an HTML RAW shortcode, switch to text mode and copy the shortcode and paste it into your product description text area and see if that works.

    Bests

    Jennifer

    Hi Hohsin,

    Am I right in thinking that would be in the ‘Classic’ WordPress page editor? If so, how do I get that old-style editor?

    If not, can you point me in the right direction. Where do I put the HTML? I’m a bit lost.

     

    Code will be: <form><input class=”bck-btn” type=”button” value=”Continue Browsing” onclick=”history.back() /></form>

     

    Thanks,

    Jen

    Nodari Support Team

    Hi Jennifer

    No need to switch to the classic editor, you may use HTML elements from the page builder, and your code inside.
    There are other step by step solutions as well in the net:
    https://www.scratchcode.io/how-to-add-back-button-in-elementor/
    https://wordpress.org/support/topic/is-there-a-back-button-element/

    Regards

    Jennifer

    Thank you, I’ve managed it now 😀

    Jennifer

    Now I just need to hide the ‘add to cart’ button on certain product pages where I’m using my back button instead.

    I’ve tried

    .postid-703 .woocommerce div.product form.cart .button {
    display: none!important
    }

    But it’s not working. Can you advise?

    Amir Rather Support Team

    Change it to this to see if that helps?:

    .postid-703.woocommerce div.product form.cart .button {
        display: none !important;
    }
Viewing 7 posts - 1 through 7 (of 7 total)
You must be logged in to reply to this topic.
Login