levinmejia

.linear-gradient-blend {
	width: 100%;
	height: 300px;
	background: linear-gradient(45deg, #3AC9F5 0%, #BF4DD7 49%, #FC5E57 100%), url('../img/backpack-lake.jpg');
	background-position: center center;
  background-blend-mode: screen;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

levinmejia

-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);

levinmejia

.grayscale {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: 2s;
  animation-timing-function:ease-in-out;
}

.grayscale:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);

levinmejia

<style>
.animate-blur {
  -webkit-animation: blur-animated 2s forwards;
}

@-webkit-keyframes blur-animated {
  0% {
    -webkit-filter: blur(0);
  }
  

levinmejia

 <div class="units_in_case_packs"> 
   <p> Quantity (units in case pack increments)</p></div>
   <div class="quantity_dropdown"><!--style class for the dropdown>-->
   	<label for="qty"></label>
	<select id="quantity" name="quantity">
		{% for i in (1..12) %} <!-- i is the interval value that we are going to multiplying. -->
          	<option value="{{ i | times:6}}">{{ i | times:6 }}</option> <!-- we use a multiple that corresponds to your case pack in this case we have packs of 6 but you can use any multiple.--> 
		{% endfor %}
	</select></div>
        <input type="submit" name="add" class="btn_c" id="addToCart" value="{{ 'products.product.add_to_cart' | t }}">

levinmejia

{% if customer.tags contains 'Wholesale' and cart.total_price < 20000 %}
    <p> Your wholesale total must be $200 or more.</p>
   {% else %}
    <input type="submit" name="update" class="btn--secondary update-cart" value="{{ 'cart.general.update' | t }}">
    <input type="submit" name="checkout" class="btn checkout" value="{{ 'cart.general.checkout' | t }}">
{% endif %}

levinmejia

<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>

levinmejia

// Liquid
	<h1>{{ product.title }}</h1>
	<p>{{ product.description }}</p>

	// HTML returned
	<h1>Snowboard Product Title</h1>
	<p>The snowboard product description.</p>

levinmejia

  {{ '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>

levinmejia

<p>Type: {{ product.type | link_to_type }}</p>