Issue 179 - Building Shopify Apps in 2025

This transcript covers three separate videos: one about new Liquid filters in Shopify, another about a Shopify app called Function Generator, and a third about specifying image dimensions in Shopify. **Video 1: New Liquid Array Filters** This video announces and demonstrates new Liquid filters for working with arrays in Shopify: `find`, `find_index`, `has`, and `reject`. The creator explains each filter with simple examples and admits he struggled to find many practical use cases, except for `reject`, which acts as the inverse of the `where` filter. He argues that `find` offers minimal benefit over combining `where` and `first`, and questions the practicality of `find_index` and `has` in real-world scenarios. He encourages viewers to share any practical examples they've found. The video also promotes his Shopify developer community and courses. **Video 2: Function Generator App** This video introduces the Function Generator Shopify app, designed to manage and create complex discounts, shipping customizations, payment modifications, and validations. The app aims to replace Shopify Scripts, which are being deprecated. The video highlights the app's capabilities, including creating numerous discount campaigns with specific conditions, managing discounts based on various qualifiers (customer tags, cart contents, etc.), and customizing shipping and payment options. It emphasizes the flexibility and ease of use compared to Shopify's built-in features and encourages viewers to watch guide videos for more in-depth tutorials. **Video 3: Shopify Image Dimensions** This video and accompanying article explain the importance of optimized image sizes in Shopify for site performance and user experience. It covers recommended image dimensions for various Shopify elements (product images, banners, headers, slideshows), the maximum image size and file size limits, and preferred image formats (PNG and WebP). The core focus is on using the `img_url` Liquid filter to specify image dimensions and optimize images, including new parameters like `size`, `crop`, `scale`, and `format`. The article provides code examples and explanations for each parameter and concludes by summarizing the three ways to define image dimensions in HTML and CSS.