Move wish list button next to cart button

This topic has 4 replies, 2 voices, and was last updated 1 years, 8 months ago ago by Rose Tyler

  • Avatar: Niddy
    Niddy
    Participant
    November 21, 2022 at 22:49

    Hi

    Just wondering if it’s possible to edit my custom product page to move the wish list button (I’ll change the design of the button later) so it sits next to the cart button like this example -> https://imgur.io/w42hXEa?r

    Link to see it in action -> https://www.dreams.co.uk/dream-team-campbell-combination-mattress/p/131-00662

    As said, I’ll redesign the button and hide the text but I just want to know if it’s possible to move it first and if so, how exactly?

    Thank you.

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 22, 2022 at 06:50

    Hello,

    You can try to use connect block element of our Single Product Builder, for example – https://prnt.sc/amVdxC_7Mufp

    Regards

    Avatar: Niddy
    Niddy
    Participant
    November 22, 2022 at 11:40

    Hi

    I tried this but they do not sit inline – any reason for this? Please check private for more detailed reply.

    Thanks

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 22, 2022 at 12:37

    Hello,

    Try to use the next custom CSS code

    .single-product .et_product-block .et_connect-block {
        align-items: flex-end;
    } 

    and disable separator in settings of the connection block.

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.