Support Center Visit Demo License manager Buy @ envato

Add to Cart Button - Grid/Masonry View Not Visible

sdweb10sdweb10
in WooCommerce






Hello. This is a great theme and I would like to continue purchasing more copies for other sites but having a huge challenge when it comes to Woocommerce integration. 

On the Grid and Masonry product views for the shop page the "Add to Cart" Button does not appear. You can only link by hovering over the image. This is a big challenge as it greatly reduces conversions and ease of use for people. I need the "Add to Cart" button to be front and center so people actually see it and use it. 

How can I fix this so that the shop page functions as it should with a visible "Add to Cart" button?

I am running version 10.5 with Wordpress 4.3.1

Thank you for your time and great theme.

Comments

  • sdweb10sdweb10
    I also do understand that the "Add to Cart" Button shows up when using list view but this is not an effective view for the purposes of a site with lots of products. I need the "Add to Cart" button to be visible on the Grid 3 col, Grid 4 col and Masonry views. 

    Thank you again for your time
  • sdweb10sdweb10
    Hello I should also mention I did see the other post that inserted CSS to keep the buttons visible on the image but this unfortunately still is not that effective. The "Add to Cart" button is what really needs to be there. 

    <code>.woocommerce .image_frame .image_wrapper .image_links { bottom: 0 !important; }</code>


  • AlbertAlbert
    Hi,

    did you saw this button on one of our demos? If you saw it, please tell us on which demo. Also please attach screenshot with explanation where this button should be and url to site where button does not appear.

    Thanks!
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • sdweb10sdweb10
    edited December 2015
    Hello. This is a Standard Woocommerce "Add To Cart" button. It shows up on your product in List view on the right side. 

    If you are in Grid 3 col, Grid 4 col and Masonry views for Woocommerce products the "Add to Cart" button does not appear. It just shows up on the image when hovering over the product image.

    When in Grid 3 col, Grid 4 col and Masonry views the "Add To Cart" button should be just to the right of the product name and price even without hovering on the image.

    I cannot seem to upload a screen shot for you anywhere in this message but I hope that detail for what I mean should be pretty straight forward. 

    If you can please let me know how to get a working button in place that would be excellent. 

    Here is a standard woocommerce shop page that shows the "Add to Cart" Button for products.


    Thank you for your time. 
  • AlbertAlbert
    Ok, we get it know. We were confused because we thought that something has been broken. However, this is just how our graphic did it. With some layouts, "Add to cart" button appear on hover only. We may consider your request while future updates of course but at this moment we do not have an option to display this button by default on layouts like Grid or Masonry.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • sdweb10sdweb10
    Oh No. That is unfortunate to hear as it will decrease conversions of products.

    Is this something that can be customized fairly easily? If so do you have any documentation on how it can be done? 

    Additionally, the two buttons that pop up over the product image on the shop page. There is an icon of a shopping cart and one of a link than change on hover:
    1) What folder are those icons located in?
    2) What file would I edit to change the img src for before hover and after hover for each icon?

    Such a great theme to work with, just hoping I can navigate this e-commerce challenge. 

    Thank you for your time. It is greatly appreciated. 
  • AlbertAlbert
    If you are good in coding, then everything is possible and easy. However if you are not, better contact with your website developer and ask him for help.

    1) All icons are located under fonts/ folder.
    2) This requires files customization what is not included unfortunately. For any files modification is responsible your website developer only.

    Thanks for understanding!
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • sdweb10sdweb10
    Ok thanks for your time. I greatly appreciate the support.
  • AlbertAlbert
    No problem :)
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Neccessary

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

Analytics & Performance

Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.

Marketing

Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.