Shopify公式テーマ「Horizon」のv3.5.1が3月19日にリリースされていたので、変更内容をブログにまとめてみました。207ファイル・約4,200行の変更と、かなり大規模なアップデートです。

運用中のストアに影響しそうなポイントは主に3つです。

・1つ目は、CSSの分離リファクタリング。base.cssから約800行が各スニペットへ切り出されました。直接CSSを編集してカスタマイズしている場合は、コードの場所が変わっている可能性があります。
・2つ目は、アクセシビリティの大規模改修。30以上のファイルにわたってaria属性の追加・見出し階層の整理などが行われました。
・3つ目は破壊的変更で、ヘッダーロゴの水平padding設定が削除されました。テーマエディタで調整していた場合は再設定が必要です。

大規模な内部改修が入るアップデートが続いています。カスタマイズ済みのストアほど、アップデートを取り込む際に差分確認のコストがかかるのが悩ましいですね。。。

詳細はスレッドのリンク先のブログに記載してあります
#Shopify

スレッド

Horizon v3.5.1 アップデート解説 ― CSS分離・アクセシビリティ大改修
https://store-dojo.com/blogs/shopify-tips-blog/horizon-v351-update