Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Add Back to Shop link – Woocommerce

  • Hi, it’s me again, sorry I have one more query regarding Woocommerce. I would prefer not to have the breadcrumbs showing at the top of each product page and would like a ‘Back to Shop’ link with arrow, instead. I can add this at the bottom of the product description, as I have – see link below, but I would have to manually add this to each product I post. Is there some CSS coding to have the ‘Back to Shop’ link and arrow show above each product image with a little padding between the link and the image? In effect this would be instead of the breadcrumbs?
    Thank you,
    Nicola

  • Hi there,

    You can try using the Element module for that. Try this:

    1. Create new Hook element and add this inside the content area:

    <p><span style="color: #993300;">← <a style="color: #993300;" href="https://YOURWEBSITENAME.co.uk/shop/">Back to Shop</a></span></p>
    

    2. Under Settings tab, choose Custom Hook and add this inside the Custom Hook Name field:
    woocommerce_before_single_product_summary

    3. In Display Rules, choose Product > All Products

  • You’re amazing, thank you so much!

  • You’re welcome!

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