Version 1.1.7
This update was released on the 2nd of July.
Changelog
- Added support for new set of payment icons (supported by Shopify)
- Fixed some bugs
How to add the new set of payment icons
Adding these, replaces the monochrome icons that were previously in the theme package. These new icons will be supported by Shopify and have the original design of each payment provider.
- Go to the theme editor (read this article for more info)
-
Choose /assets/css_main.scss.liquid and at the end of the file, paste the following piece of code:
.site-payment { flex-direction: row; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .site-payment svg.payment-icon { width: 45px; height: 30px; margin: 1px 2px; }
Then, search for the following piece of code (around lines 4320):
.site-payment { .site-footer & { svg * { fill: $bodyBg; } } }
Remove this block entirely!
-
Choose /snippets/header_footer-payment.liquid and look after this line of code (at line 4):
{% include 'asset_svg' with type %}
Replace it with the following:
{{ type | payment_type_svg_tag: class:'payment-icon' }}
- Save all files!
Bug fixes
- Go to the theme editor
-
Choose /assets/css_main.scss.liquid and at the end of the file, add the following piece of code:
#product-zoomed-image { background: $bodyBg; } @include at-query($max, $lap) { .mount-images .box__image-text:nth-child(3):last-child { width: 100%; } .mount-social .site-box-container[data-posts="4"] .site-box:last-child { display: none; } } @media screen and (max-width: $lap) and (orientation: landscape) { .mount-social .box__heading { height: 50vh !important; } }
-
Go to /sections/collection.liquid and at the very end of the file, add the following snippet:
<script type="text/javascript"> {% if section.settings.collection_filtering_type contains 'groups' %} jQuery('.filter-by-tags').remove(); {% endif %} </script>
- Save all files!