Different images per variant

Split doesn't have this functionality of displaying a custom set of different images for each variant, but it does offer support for a popular app that does this. It is called Variant Image Penguin and it can be found here: https://apps.shopify.com/variantimagegrouper

Starting from v1.0.2 Split offers support for this app, but there are a few tweaks to be done in order to make it work properly.

  1. Install the app and configure a product after the app's own documentation
  2. Paste the following code block inside /layout/theme.liquid, right before the </body> tag:

    <script type="text/javascript">
      $(document).on('VIP:Ready', function(){
         $('form select.product-variants').trigger('change');
  3. Paste the following code block at the end of /assets/css_main.scss.liquid:

    .gallery-index, .flickity-page-dots {
      display: none !important;
  4. Make sure that you save the files after doing so, and you should be set. If done correctly, it should act like you see here: https://cuber-vig-preview.myshopify.com/products/bagpack