Skip to content

Instantly share code, notes, and snippets.

@jimrothfork
jimrothfork / collection-template.liquid
Created Sep 1, 2017
Collection Grid View --- Liquid/HTML (collection-template.liquid)
View collection-template.liquid
<!-- /sections/collection-template.liquid -->
<style>
.grid__image img {
{% if section.settings.collection-product-size %}
object-fit: cover;
height: 100%;
width: 100%;
{% else %}
object-fit: contain;
height: 100%;
@jimrothfork
jimrothfork / theme.scss.liquid
Last active Sep 1, 2017
Collection Grid View --- CSS (theme.scss.liquid)
View theme.scss.liquid
.collection-grid {
@media screen and (min-width:1181px){
padding-top: 30px;
}
@media screen and (max-width:1180px){
padding-top: 15px;
}
}
.collection-grid .section-background {
You can’t perform that action at this time.