Site logo

[Resolved] “Learn More” Button on Woo Shop Archive

Home Forums Support [Resolved] “Learn More” Button on Woo Shop Archive

Home Forums Support “Learn More” Button on Woo Shop Archive

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2144915
    Matt Stern

    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

    #2144968
    Fernando
    Customer Support

    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! 🙂

    #2145897
    Matt Stern

    That did the trick. Thank you!

    #2146062
    Fernando
    Customer Support

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.