Caroline carolineschnapp

## 1-remove-gray-frame-in-Brooklyn.md

      
              4 files
            
          
              2 forks
            
          
                6 comments
              
            
              3 stars
            
          
                carolineschnapp
                / 1-remove-gray-frame-in-Brooklyn.md
            
            
              Last active
              May 24, 2022 03:53
            
              
                How to get rid of the gray product image frame, when the collage treatment is disabled. For those who want a more conventional grid when using the #Brooklyn theme. This isn't a customization I support. If you have questions, please post them in this community forum: https://ecommerce.shopify.com/c/ecommerce-design
              
          
    What you want

You want to go from this:

... to that:


## gist:11352987
<div>
  <label for="sort-by">Sort by</label>
  <select id="sort-by">
    <option value="manual">Featured</option>
    <option value="price-ascending">Price: Low to High</option>
    <option value="price-descending">Price: High to Low</option>
    <option value="title-ascending">A-Z</option>
    <option value="title-descending">Z-A</option>
    <option value="created-ascending">Oldest to Newest</option>
    <option value="created-descending">Newest to Oldest</option>

## gist:5397337
/* Sample JavaScript file added with ScriptTag resource.
This sample file is meant to teach best practices.
Your app will load jQuery if it's not defined.
Your app will load jQuery if jQuery is defined but is too old, e.g. < 1.7.
Your app does not change the definition of $ or jQuery outside the app.
Example: if a Shopify theme uses jQuery 1.4.2, both of these statements run in the console will still return '1.4.2'
once the app is installed, even if the app uses jQuery 1.9.1:
jQuery.fn.jquery => "1.4.2"
$.fn.jquery -> "1.4.2"
*/
	<div>
	<label for="sort-by">Sort by</label>
	<select id="sort-by">
	<option value="manual">Featured</option>
	<option value="price-ascending">Price: Low to High</option>
	<option value="price-descending">Price: High to Low</option>
	<option value="title-ascending">A-Z</option>
	<option value="title-descending">Z-A</option>
	<option value="created-ascending">Oldest to Newest</option>
	<option value="created-descending">Newest to Oldest</option>
	/* Sample JavaScript file added with ScriptTag resource.
	This sample file is meant to teach best practices.
	Your app will load jQuery if it's not defined.
	Your app will load jQuery if jQuery is defined but is too old, e.g. < 1.7.
	Your app does not change the definition of $ or jQuery outside the app.
	Example: if a Shopify theme uses jQuery 1.4.2, both of these statements run in the console will still return '1.4.2'
	once the app is installed, even if the app uses jQuery 1.9.1:
	jQuery.fn.jquery => "1.4.2"
	$.fn.jquery -> "1.4.2"
	*/