Skip to content

Instantly share code, notes, and snippets.

View carolineschnapp's full-sized avatar

Caroline carolineschnapp

  • Shopify
  • Montreal
View GitHub Profile
@carolineschnapp
carolineschnapp / Have search box open by default.md
Created February 16, 2016 19:22
Have search box open by default in #Venture

What you have

Alt text

What you want

Alt text

How to get it

@carolineschnapp
carolineschnapp / Change slide text size.liquid
Created January 18, 2016 06:41
Text on slides too large on mobile. #Brooklyn #slideshow Make changes to theme.scss.liquid
@include at-query($max, $small) {
.hero__slide .hero__title {
font-size: 2em /* Edit to taste */;
}
}
@carolineschnapp
carolineschnapp / style.scss.liquid
Created November 26, 2015 23:20
[Product Reviews] Hide star rating when no reviews were given yet on collection pages.
.spr-badge[data-rating="0.0"] {
display: none;
}
@carolineschnapp
carolineschnapp / single-product.liquid
Created November 23, 2015 19:39
Move product thumbnails under the featured image http://take.ms/EOdbc
{% comment %}
Change .item-product-photo from this:
{% endcomment %}
<div class="grid-item medium--four-sixths large--four-sixths push--one-sixth item-product-photo">
{% comment %}
To that:
{% endcomment %}
@carolineschnapp
carolineschnapp / methods of payment on one line in Brooklyn.md
Created November 18, 2015 06:07
Credit cards on one line in #Brooklyn theme footer
@carolineschnapp
carolineschnapp / replace monochrome methods of payment with colorful icons.md
Last active October 9, 2017 13:22
Replace monochrome methods of payment in Timber-based themes to colorful SVG icons

What you have

Alt text

What you want

Alt text

How to get it

@carolineschnapp
carolineschnapp / instructions.md
Created August 10, 2015 03:24
Add a Flexslider slideshow to any amount of regular pages in 3 easy steps. #slideshow #flexslider
  1. Add a bunch of images to a 'page'. Just images. No markup besides img elements.
  2. Create a page.lookbook template and in it, add the code below.
  3. Assign template to page.
@carolineschnapp
carolineschnapp / instructions.md
Created July 22, 2015 23:12
Turning drop-downs that are too long into multi-column drop-downs.
  1. Add below code before the </body> tag inside theme.liquid.
  2. [Configuration] Look at the Liquid variables declared at the top. Those are set to sensible defaults, but whatever rocks your world.
@carolineschnapp
carolineschnapp / Changed products layout on homepage - Brooklyn.md
Created June 9, 2015 22:34
Change layout style of Featured Products on homepage from Collage to Grid. #Brooklyn

Problem

The “collage” style is enforced on the homepage, it cannot be turned off in the theme settings. Turning that style off in theme settings only turns it off on collection pages.

Solution

In the snippet file featured-products.liquid, replace <div class="grid grid-collage"> with <div class="grid grid-uniform">. In the same file, replace {% include 'product-grid-collage' %} with {% include 'product-grid-item' %}.

Direct link to snippet file: https://www.shopify.com/admin/themes/current?key=snippets/featured-products.liquid

@carolineschnapp
carolineschnapp / Size Chart in Brooklyn.md
Created May 27, 2015 23:25
How to add a Size Chart button to the #Brooklyn theme. This uses the Magnific Popup plugin that comes with the theme.

What you want

You want a See Size Chart button on the product page:

Alt text

... that once clicked gives you this:

Alt text