Skip to content

Instantly share code, notes, and snippets.

View levinmejia's full-sized avatar

Levin Mejia levinmejia

View GitHub Profile
div.hero__text-content {
transform: translate3d(0px, 150px, 0px);
}
.hero__slide .hero__title {
font-size: 8.28571em;
font-style: italic;
font-weight: 100;
font-family: "Didot";
}
<!-- /snippets/product-card.liquid -->
{% comment %}
The product card snippet is passed a liquid object, used in this file
as "product". The object is either "product" or "item", the latter if
it is from search results.
{% endcomment %}
<a href="{{ product.url | within: collection }}" class="product-card">
<div class="product-card__image-wrapper">
{% comment %}
Source: https://gist.github.com/carolineschnapp/9122054
If you are not on a collection page, do define which collection to use in the order form.
Use the following assign statement, replace 'your-collection-handle-here' with your collection handle.
{% assign collection = collections.your-collection-handle-here %}
Use the assign statement outside of this comment block at the top of your template.
{% endcomment %}
{% paginate collection.products by 100 %}
<div class="product-form__item product-form__item--lip">
<label for="Engraving">Engraving</label>
<input type="text" id="engraving" name="properties[Engraving]">
</div>
{% if product.tags.size > 0 %}
<div class="product-single__tags">
<p>Tags:
{% for tag in product.tags %}
{% assign tag_coll = '/collections/all/' | append: tag %}
{{ tag | capitalize | link_to: tag_coll }}{% unless forloop.last %},{% endunless %}
{% endfor %}
</p>
</div>
{% endif %}
<p>Type: {{ product.type | link_to_type }}</p>
{{ 'logo.png' | asset_url }}
{{ product.vendor | url_for_vendor }}
{{ "Shop winter boots" | link_to_tag: 'Boots' }}
//cdn.shopify.com/s/files/1/0087/0462/t/394/assets/logo.png?34423
/collections/vendors?q=Burton
<a title="Show products matching tag Boots" href="/collections/frontpage/boots">Shop winter boots</a>
// Liquid
<h1>{{ product.title }}</h1>
<p>{{ product.description }}</p>
// HTML returned
<h1>Snowboard Product Title</h1>
<p>The snowboard product description.</p>
<div class="qty">
<a class="minus_btn" ></a>
<input type="text" id="quantity" name="quantity" class="txtbox" value="1" min="1">
<a class="plus_btn" ></a>
</div>