Add Text Above "Add To Cart" Button On Store + Category Pages

I work with older customers who aren't as tech savvy, and may not realize they need to click on photos in my store page to see full product details. Is there a way to add text above the "Add To Cart Button" that says "Click For Product Details" or something similar? Open to alternative ideas. 

 

30 minutes ago, pasWI said:

I work with older customers who aren't as tech savvy, and may not realize they need to click on photos in my store page to see full product details. Is there a way to add text above the "Add To Cart Button" that says "Click For Product Details" or something similar? Open to alternative ideas. 

 

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.products {
  .grid-item-link {
    position: relative !important;
    text-align: center;
  }
  .grid-item-link:after {
    content: "Click For Product Details";
    display: block;
  }
}

11 hours ago, Web_Solutions said:

 

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.products {
  .grid-item-link {
    position: relative !important;
    text-align: center;
  }
  .grid-item-link:after {
    content: "Click For Product Details";
    display: block;
  }
}

 

Thanks @Web_Solutions, this worked well! I made a few small changes (to decrease font size, bold and change padding). 


Additional Question:

Can I remove this option from "You Might Also Like" (and if you know how to do it - I'm hoping I can get those pictures to be square, so they aren't cropped?):


Here are the login details, if you need them!

https://www.crescentmoonacres.com/
Help!Code930

22 minutes ago, pasWI said:

Thanks @Web_Solutions, this worked well! I made a few small changes (to decrease font size, bold and change padding). 


Additional Question:

Can I remove this option from "You Might Also Like" (and if you know how to do it - I'm hoping I can get those pictures to be square, so they aren't cropped?):


Here are the login details, if you need them!

https://www.crescentmoonacres.com/
Help!Code930

I think you have made these

I'm looking at the product detail pages. If you scroll down, you will see the "You Might Also Like" section where I would like those additional changes. I don't want the "Click Photo For Product Details" to be visible there, and hoping there is a way to update the photos in that section to be square.

Example:
https://www.crescentmoonacres.com/store/p/smoked-ham

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

2 hours ago, pasWI said:

I switched layout for my product details page and now the "You Might Also Like" photos are cropped. I'd like them to be square. Any ideas on how to make that happen?

 

 

Thanks so much! I appreciate your help 🙂