Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1
Jonny303

Remove "Back to" Link on Shop

Question

Hi,

I know this has been asked lots of times but all the links seem to be to answers and the links are dead.

I have created product blocks on pages, is it possible to disable the "back to product page" link so that if people go back they won't be directed to the wrong place?

 

Thanks

Share this post


Link to post

17 answers to this question

Recommended Posts

  • 0

Hi,

It's when you go into an individual product it gives you a link to "go back to xxx" even though you may not have come from there.

 

www.poppiesnewcastle.ie/ghd-

If you click on a product in the product block and use the link to return, it will bring you back to the product page as opposed to the page containing the product block. If that was removable it would be great.

Share this post


Link to post
  • 0
On 10/30/2019 at 4:45 PM, tuanphan said:

@Jonny303 Add to Home > Design > Custom CSS


.show-product-item-nav #productWrapper #productNav {
    display: none;
}

 

Hey 🙂 Can I use this only for one product or can I only apply this to all products in the template design? 

Thanks to you!

Share this post


Link to post
  • 0

@ckritzelt that code for all products

If you want 1 product, add Page ID to before, eg: body#collection-123456789 .show-product-item-nav #productWrapper #productNav {display: none;}

See how to find Product Page ID


Send me a message if you have any questions (free 10 minutes).

Don't send to forum message. I will check all questions via the link above

Share this post


Link to post
  • 0

Thank you for your quick answer! I found the ID (see screenshot) and put it in the Custom CSS box like this (see screenshot).

But it is not working. What did I do wrong?

Bildschirmfoto 2019-11-03 um 14.41.04.png

Bildschirmfoto 2019-11-03 um 14.40.55.png

Edited by ckritzelt

Share this post


Link to post
  • 0
12 minutes ago, ckritzelt said:

Thank you for your quick answer! I found the ID (see screenshot) and put it in the Custom CSS box like this (see screenshot).

But it is not working. What did I do wrong?

Bildschirmfoto 2019-11-03 um 14.41.04.png

Bildschirmfoto 2019-11-03 um 14.40.55.png

Can you share link to your site?


Send me a message if you have any questions (free 10 minutes).

Don't send to forum message. I will check all questions via the link above

Share this post


Link to post
  • 0
1 minute ago, tuanphan said:

You mean "Back to Products" with white text, black background? https://ckritzeltshop.com/products/calendar-2020

Sorry, I already added the code for the whole page. Check the page again (and screenshot). I mean the "Back to products" on top of the picture.

My main problem: I have a SHOP-Landing page (https://ckritzeltshop.com/) where I have an overview/gallery of all the product CATEGORIES. If I view the Calendar 2020 (https://ckritzeltshop.com/products/calendar-2020) and click on the "Back to products" link, it leads me to ALL my products. But I want that people go back to the CATEGORIES-Page eg. Landing Page.

Best solution for me would be to link the "back to products" button on top of the picture to the landing page for both products, Calendar and Tattoo Certificate (https://ckritzeltshop.com/products/tattoo-certificate-permission). {or: disable the "Back to Products" button on both products and put a custom link like the one you see on the bottom}

Bildschirmfoto 2019-11-03 um 15.16.22.png

Share this post


Link to post
  • 0

@ckritzelt It need some custom javascript. I wrote or a client few months ago.

Quite a lot of messages, I need to find again. I'll send you tomorrow.

You can also send me a private message, sometimes I forget ... because answering many other questions on the forum.

Edited by tuanphan

Send me a message if you have any questions (free 10 minutes).

Don't send to forum message. I will check all questions via the link above

Share this post


Link to post
  • 0
On 11/3/2019 at 9:06 PM, ckritzelt said:

www.ckritzeltshop.com

try adding to Header or Footer

<script>
window.onload = function() {
     document.querySelectorAll('#productNav a')[0].href = 'https://example.com'; 
    };
</script>

 


Send me a message if you have any questions (free 10 minutes).

Don't send to forum message. I will check all questions via the link above

Share this post


Link to post
  • 0

@karilyn In the Bedford template, you'll find this tweak in Design > Site Styles in the PRODUCTS section. The tweak is called Show Product Item Nav. You will need to be viewing a product when you open Site Styles for this setting to be visible.

bedford-backto.png.42b903d14f9ca751b59063d5f90a07f6.png


World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm usually booked six weeks in advance for jobs longer than an hour.
Prebuilt Squarespace Extensions
Custom Squarespace Extensions: Tell me about the functionality you need

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...