Archived topic

"Learn More" Button on Woo Shop Archive

3 replies · Started by Matt Stern on March 6, 2022

Viewing posts 1–4 of 4

March 6, 2022 at 10:35 pm #2144915

Hi Guys,

Instead of an "Add to Cart" button, I'm trying to add a "Learn More" button on the woo product archive pages.

I was able to add a dynamic button using the after_shop_loop_item hook, but as you can see from the link, the button displays below the thumbnail image.

Is there a way to get the button to display in the right column, underneath the short description and price?

Thanks kindly,

Matt

March 7, 2022 at 12:05 am #2144968

Hi Matt,

With your current structure where the product image floats/is aligned to the left, one approach to achieve the look you’re going for is to add a custom CSS like this:

div#wc-column-container > ul.products .gb-button-wrapper {
    clear:none;
    margin-top:5px;
}

Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css

Adding it through additional CSS should work.

Hope this helps. Kindly let us know how it goes! :)

March 7, 2022 at 12:59 pm #2145897

That did the trick. Thank you!

March 7, 2022 at 5:11 pm #2146062

You’re welcome Matt! Glad to be of assistance. Feel free to reach out anytime if you’ll need assistance with anything else. :)

This archived topic is closed to new replies.

Start building better websites today.