How To Add Back To Top Button On Shopify Online Store Dawn OS 2.0

Store Design
, , ,
1

How To Add Back To Top Button On Shopify Online Store Dawn OS 2.0 Any Help would be much appreciated?

2

Hi @Mr_Zuriri

here is code and ful tutorial step by step

{% comment %}
  Reduce below value if you need the back to the top button to appear higher up on the page.
  That value is in pixels.
{% endcomment %}
{% assign vertical_offset_for_trigger = 300 %}

{% comment %}
  Vertical offset from bottom of browser for the position of the button.
{% endcomment %}
{% assign position_from_bottom = '7em' %}

  Back to the top 

{{ '//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css' | stylesheet_tag }}
2 Likes
3

Thank you so much @Ecommpremium you are always helpful.

1 Like
4

You are welcome!

5

Hi there!

I’ve followed this but for some reason it’s not even showing in my inspect element.. Trying to get this to show up same way you have done it.

6

Hi @BenjaminM which theme you are using and store url so i can check.

7

Hi @Ecommpremium

The theme is Dawn 2.0 Ver 11
And the store is https://www.themeatclub.com.sg/

8

@BenjaminM See code has not implemented properly!

code.png
code.png1894×826 201 KB

9

Ah! It was the ‘-’ between each word! Thank you!

1 Like
10

it means ‘-’ smiling was missing from your code. :slightly_smiling_face: