Return to previous page

Move wish list button next to cart button

This topic has 4 replies, 2 voices, and was last updated 1 years, 5 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.

    #339133 Copied Theme version: 1
    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

    #339150 Copied
    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.
    #339219 Copied
    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

    #339231 Copied

  • Tagged: , , , , , ,

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

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Business – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme

See All Templates

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