Manually update to 2.4.2

This update was released on the 2nd of July.


  1. Added support for new set of payment icons (supported by Shopify)
  2. 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.
  1. Go to the theme editor (read this article for more info)
  2. Choose / assets/css_main.scss.liquid and at the end of the file, paste the following piece of code:

    .pay-icons {
      flex-direction: row;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      margin-bottom: 20px;
    .pay-icons svg.payment-icon {
      width: 45px;
      height: 30px;
      margin: 1px 2px;
  3. Choose  /snippets/footer_links.liquid and look after this line of code (at line 8):

    {% include 'asset_svg' with type %}<br>

    Replace it with the following:

    {{ type | payment_type_svg_tag: class:'payment-icon' }}<br>
  4. Save all files!

Other improvements

  1. Go to the theme editor.
  2. Choose /assets/css_main.scss.liquid and at the end of the file, paste the following piece of code:

    .search-item .product-content {
      float: left;
      padding: 0 0 0 160px;
      min-height: 114px;
      width: 100%;
      min-width: 0;
      height: auto;
      background: none;

    This should fix an error with the search page being broken (if it's the case).

  3. Go to /snippets/main_overlay-actions.liquid and replace the file completely with the contents of the following file:

  4. Save all files!