SoftSaft

Search This Blog

Example

Get link
Facebook
X
Pinterest
Email
Other Apps

Get link
Facebook
X
Pinterest
Email
Other Apps

Comments

How to add custom slick slider in shopify website || er praful pandey

HTML CODE : <div class="container"> <section class="rio-promos slider"> {% for product in collections['frontpage'].products limit: max_products %} <div class="slide"> <a href={{ product.url }}> {{ product | img_url:"medium" | img_tag }} {{ product.title }}<br/> {{ product.price | times:1.05 | money }} <form class="product-form" action="/cart/add" data-productid="{{product.id}}" method="post"> <input type="hidden" name="id" data-productid="{{product.id}}" class="product-select" value="{{ product.variants[0].id }}" data-variant-title="{{ product.variants[0].title }}" /> <input type="submit" value="Add To Cart" class="btn btn btn-default" /> </form> </a> </div> {% endfor %} </sec...

shopify add to cart button add on home page

or {{ product | img_url:"medium" | img_tag }} {{ product.title }} {{ product.price | times:1.05 | money }} ---------- add to cart button add on home page

center triangle design with only css !! Also responsive

1. create div - <div class="triangle"></div> 2. add css -.triangle{ width: 0; height: 0; border-style: solid; border-width: 0 100px 100px 100px; border-color: transparent transparent #000000 transparent; text-align: center; display: inline; top: -50px; position: relative; bottom: 0px; } Link-http://apps.eky.hk/css-triangle-generator/

Powered by Blogger

Example

Comments

Post a Comment