How to add a back button on refresh theme

Store Design
1

How can I add a back button to collection and product pages on refresh theme?

2

Hi @jhghidossi ,

Just follow the instructions below.

  1. In your Admin store, click Online store > Themes

  2. Go to the theme you want to edit, click Actions > Edit code

  3. In your Snippet folder, click Create a new snippet and name it back-button.

  4. Open the newly created snippet by opening the back-button.liquid file under the Snippet folder. Paste the code below, then click SAVE
  1. Go to the Layout folder, and open the theme.liquid. Find the code {{ content_for_layout }}. Then above it, paste the code below. Click SAVE
{% assign collection_product_templates = "collection, product" %}
      {% if collection_product_templates contains template %}
     	 {% render 'back-button' %}
      {% endif %}

Please refer to image for placement

made4Uo_0-1656102545564.png
made4Uo_0-1656102545564.png939Ɨ764 47.5 KB

3

Hello! I wonder how we can insert a back button on all pages, and not only the product and collections pages?

I also need to change the colour and layout of the button. How do I do that?

Thanks in advance!

Nora

4

Hi! I followed these instructions to get a back button for my site and it worked great!! I have then decided I didnā€™t want the back button anymore and tried to delete it and now receive error: ā€œLiquid error (layout/theme line 286): Could not find asset snippets/back-button.liquidā€

Do you know how I might be able to fix it by any chance? So desperate for help.

5

So this was exactly what I was looking for but in my theme.liquid there is no {{ content_for_layout }}. :confused:
(Origin Theme)
Any other options?

6

I have the same issue, no {{ content_for_layout }}

it does not look like anyone is monitoring this discussion any longer. :tired_face:

7

If you donā€™t have the {{ content_for_layout }}, just place the code the line below the <body tag. You can find the <body tag inside your theme.liquid file under the layout folder

8

Hello, thank you for this - I have just used on my website with the Refresh theme!

However, there is quite a lot of space above & below ā€˜Go Backā€™ on the product & collection pages. I wonder if there is a way to customise the size of the section in which the ā€˜Go Backā€™ button appears?

Thanks a lot!

9

Hi there,

Did you ever figure out how to remove that extra space? Thanks!