Is there a way to position the add to cart/customize under the product image

  • Resolved shuangmiles

    (@shuangmiles)


    1 year, 2 months ago

    Hi, I’m looking to position the add to cart/customize button underneath the product image but the way I did it was sortof not well responsive and the customer plans to adjust the aspect ratio of the products they upload. I was trying to do this by eyeballing the bottom attribute for the button but found it wasn’t well positioned for different screens. Is there any way to position it relative to the product image, or is there a way to put the customize button inside of the container that has the image? Though the other problem I’m thinking of is that container is also another anchor and you can’t have anchors inside of anchor. Any recommendations?

    https://bcafe43935.nxcli.io/

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

Viewing 1 replies (of 1 total)
  • Saif

    (@babylon1999)

    Hello @shuangmiles,

    Thank you for reaching out!

    I understand you want to remove the add to cart button below the product image, correct?

    Try this:

    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
add_action('woocommerce_product_thumbnails', 'woocommerce_template_single_add_to_cart', 5);

    You can add it via a plugin like Code Snippets.


    Link to image: https://d.pr/i/dVJDTX

    The woocommerce_product_thumbnails hook doesn’t work for all themes apparently according to this guide, so you may need to get in touch with your theme author for an alternative.

    Hope this helps!

Viewing 1 replies (of 1 total)
  • The topic ‘Is there a way to position the add to cart/customize under the product image’ is closed to new replies.