Modify Shopify Brooklyn product page
<p>I´m sort of new with Shopify and I just selected the Brooklyn theme for my future shop. One of the problems that I´ve found is that, when you have more than one product picture, those show up right below the main picture vertically aligned (as you can see in this example: <a href="https://themes.shopify.com/themes/brooklyn/styles/brooklyn/preview" rel="nofollow">https://themes.shopify.com/themes/brooklyn/styles/brooklyn/preview</a> ) which makes it a bit tedious from an User experience point of view.
Also, one of the problems I have found is that when you add different product variants (for example different colours), instead of showing pictures of only the color selected by the user, they show all the product variants pictures alltogether, which is not ideal. </p>

<p>This shop sort of managed to repair the issue with the pictures displaying vertically but not the one with pictures of both variants showing alltogether (<a href="http://www.tajerandi.com/collections/pants/products/open-secret?variant=8337048067" rel="nofollow">http://www.tajerandi.com/collections/pants/products/open-secret?variant=8337048067</a>).</p>

<p>This guy seemed to properly address both issues that I would like to resolve as you can see <a href="https://publicrecapparel.com/products/all-day-every-day-pant?variant=3625257732" rel="nofollow">https://publicrecapparel.com/products/all-day-every-day-pant?variant=3625257732</a> 
He hides pictures of products variants that are not selected by the user and he also presents thumbnails with more pictures way better than by default.</p>

<p>Does anyone has faced a similar issue??</p>