• Resolved dekoningalex

    (@dekoningalex)


    Hi,

    For single products the button is positioned fine, which is right next to the add to cart button. However, in variable products the add to wishlist button is placed underneath the add to cart button.

    How can I fix this?

    Thanks.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author YITHEMES

    (@yithemes)

    Hello there,
    hope you are doing well!

    We have been checking the given product page and seem that all is working fine, do you manage to fix the issue?

    Usually, this issue is due to the theme templates, but you can hide one of the buttons adding this CSS rule in your theme. You can do it in “Appearance > Customize > Additional CSS”

    form.variations_form div.woocommerce-variation-add-to-cart div.yith-wcwl-add-to-wishlist {
     display: none;
    }

    Check it and let us know any news.

    Have a nice day!

    Thread Starter dekoningalex

    (@dekoningalex)

    Hi,

    I don’t want to hide the button, I want it to be positioned right next to the add to cart button, which I have set in the options of the plugin. For a regular product it is positioned as it should, but for variation products, as the one I gave to you in the link, it is positioned underneath the add to cart button. The theme is not responsible for this behaviour (according to them), but the plugin is.

    Please advise.

    Thanks

    • This reply was modified 6 years, 8 months ago by dekoningalex.
    Plugin Author YITHEMES

    (@yithemes)

    Hi there!

    We understand now, we have been testing on the given page adding the next CSS rule in the browser and it works properly, can you add it in your theme CSS and check if it works fine for you?

    div.product-type-variable div.yith-wcwl-add-to-wishlist {
    margin-left: 15em;
    margin-top: -6.1em;
    }

    Let us know any news.

    Have a great day! ??

    Thread Starter dekoningalex

    (@dekoningalex)

    Hi!

    Thank you so much for the help, that actually worked. However, there is a situation where a product has more than 1 in stock which causes the amount selector to be enabled. This messes op the position of the button… How can I use CSS to select the wishlist button for pages that have the amount picker enabled?

    For example this is the good positioning now: https://www.poke-spot.com/all-categories/holo/umbreon-holo-japanese-no-197/?v=796834e7a283

    And this is the one with issues: https://www.poke-spot.com/all-categories/item/choice-band-reverse-holo-121145/?v=796834e7a283

    Thanks in advance.

    Thread Starter dekoningalex

    (@dekoningalex)

    Hi there,

    Fixed the issue by making amount selector default on every variable product single page.

    Thank you for your assistance!

    Topic marked as resolved

    Plugin Author YITHEMES

    (@yithemes)

    Hi there,
    Great! ??

    Let us know if you have any doubt or issue.

    Thank you for contact us.

    Have a very nice day!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Position button in variable products bug’ is closed to new replies.