Skip to content

Instantly share code, notes, and snippets.

@schaeken
Created April 9, 2015 14:52
Show Gist options
  • Save schaeken/3ff0e80d8d85b69763a3 to your computer and use it in GitHub Desktop.
Save schaeken/3ff0e80d8d85b69763a3 to your computer and use it in GitHub Desktop.
Add a "back to start" button so customers can quickly get back to the beginning of the collection. The current dependents: Requires collection cover to be on and doesn't work on collections/all because of if statement within collection.liquid which can be removed to make it work for that :)
{%comment%}
Add the following line just after the <div class="gallery__inner"> at the beginning
{% endcomment %}
<a href="#start" class='icon__arrow-back' ></a>
{%comment%}
Add the id "start" to the two different collection cover options
http://snapify.shopify.com/30-22-kbbgx-elrmf.jpg
{% endcomment %}
id="start"
.icon__arrow-back:before {
content: "\e617\e617";
letter-spacing: -25px;
padding: 10px 10px 10px 0px;
font-size: 50px;
text-shadow: 0 0 15px rgba(0,0,0,0.4);
}
.icon__arrow-back{
position: absolute;
right: 10px;
bottom: 60px;
z-index: 99;
padding: 10px;
color: white;
border-bottom:none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment