Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 1, 2020 at 2:51 pm #1257446
    mebi

    Hello,
    I would like to add the “add to cart” button to product thumbnails on mouse over. Currently only the price and the product name is appearing on mouse over.
    The goal is to be able to add the product to the cart without the need to open the product page itself, so that I can quickly add several products to the cart (when I already know the product and know what I want to purchase).
    Thank you for your support.

    November 5, 2020 at 4:13 am #1258499
    Ismael

    Hey mebi,

    Thank you for the inquiry.

    That is possible, but it will require modifications that are beyond the scope of support. The masonry item itself is a link, so adding a default add to cart button or link inside the item will not work without creating a custom script. Please contact our partner Codeable or hire a third party developer to create the script.

    Best regards,
    Ismael

    November 5, 2020 at 1:17 pm #1258597
    mebi

    Hi Ismael,
    thanks for getting back and for your explanation. I understand that certain things cannot be part of your support.

    However, to better understand, so an additional script is needed when the Add To Cart button shall be part of the information showing on hover (in addition to title and price), is that correct?
    What if showing the Add to Cart button just below the thumbnail picture? This should be possible without an additional script, correct? I looked at the following threat https://kriesi.at/support/topic/add-add-to-cart-button-in-product-grid-product-slider/ and added the code

    add_action( ‘woocommerce_after_shop_loop_item_title’, ‘woocommerce_template_loop_add_to_cart’, 10 );

    to the functions.php file of the active child theme. But nothing changed.

    Thanks a lof for your additional advice.

    November 9, 2020 at 2:55 pm #1259273
    Ismael

    Hi,

    Thank you for the update.

    What if showing the Add to Cart button just below the thumbnail picture?

    The image is actually inside the link container, so adding the add to cart link will still require a custom script that could detect a mouse click and that is able to recognize that the user or visitors actually clicked on the add to cart button.

    We tried to check the dashboard again but the server is unavailable, and the front end shows a maintenance mode page.

    Best regards,
    Ismael

    November 11, 2020 at 10:11 pm #1259977
    mebi

    Hi Ismael,
    thanks for getting back and looking further into this.
    The Site is not public yet, so yes on maintenance mode. But the server is up and running, I have never had any issues, I could and still can login at any time.
    Best,

    November 15, 2020 at 5:35 am #1260556
    Ismael

    Hi,

    As we mentioned above, this is beyond the scope of support, so we just explained above what needs to be done in order to make the custom add to cart button work inside the masonry item.

    The image is actually inside the link container, so adding the add to cart link will still require a custom script that could detect a mouse click and that is able to recognize that the user or visitors actually clicked on the add to cart button.

    Thank you for your understanding.

    Best regards,
    Ismael

    November 16, 2020 at 5:49 pm #1260756
    mebi

    Hi Ismael,
    thank you for your response. I understand that a custom script is needed to achieve this, which cannot be offered as part of your support . Thanks for your explanations.
    You can close this thread.
    Thank you.

    November 17, 2020 at 12:41 am #1260841
    Victoria

    Hi mebi,

    Ok :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to add the "add to cart" button to product thumbnail on mouse over’ is closed to new replies.