Button Location On WooCommerce Product List

  • Resolved shizlist

    (@dnacannon)


    8 years, 4 months ago

    Hello,

    I’m trying to move the like button to a different location on the WooCommerce product list, but no matter what alignment setting I choose (vertical or horizontal), the button stays centered right below the product title. See Here

    I’d like to move it to the bottom left corner of the product listing. How can I do this?

    I’ve found similar topics in support, but the solution was to add shortcode to a particular theme file. I have a child theme installed, and it contains only a blank functions.php file and a blank style.css file. I have no idea how to add shortcode to a particular theme file via the child theme.

    Thanks in advance!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor LikeBtn Support

    (@likebtn-support)

    Hello,

    There are several ways of solving the issue:

    1. Enable the “Wrap button in a div” option in Buttons > General. If it is disabled horizontal alignment is not working.

    2. Try to add shortcode to a post content: https://likebtn.com/en/wordpress-like-button-plugin#shortcode.

    3. Customize the position using CSS (you need a basic knowledge of CSS in order to change it): https://likebtn.com/en/like-button-style.

    Thread Starter shizlist

    (@dnacannon)

    Hello,

    Thank you for the reply! Couple questions…

    1) If I enable “Wrap button in div”, the “Center” and “Right” horizontal alignment options work great, but the “left” option just centers the button. Also, the vertical alignment is still inert. Any way to get that working?

    2) You recommended adding the short code to a post content. Where exactly should I add the shortcode so that A: the button appears where I want it to (bottom left) and B: it appears there for every product?

    Alternatively, you could just explain the easiest way to get the like button to the bottom left of each product on the product category page Here

    Any help is much appreciated. Thanks!

    Plugin Contributor LikeBtn Support

    (@likebtn-support)

    Hello,

    In such situation it would be better to use shortcode in the theme template to add lie button for every product. More information you can see here: https://likebtn.com/en/wordpress-like-button-plugin#shortcode

    Thread Starter shizlist

    (@dnacannon)

    Great, thank you!

    Plugin Contributor LikeBtn Support

    (@likebtn-support)

    Enjoy!

    Thread Starter shizlist

    (@dnacannon)

    Any recommendations for a total css newb for where exactly to put this shortcode within the theme file? I’m pretty sure it goes into the content-product.php file (and I’ve already copied into my child theme), but I have absolutely no idea where to insert the code within the file to achieve the desired effect (which is to have the like button appear between the short description and the add to cart button.

    Thanks!

    Plugin Contributor LikeBtn Support

    (@likebtn-support)

    Hi,

    Could you please write to us to [email protected]. We will provide further assistance by email.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Button Location On WooCommerce Product List’ is closed to new replies.

Tags