Shopifyにて時間によって条件分岐を行いたい

現状

shopifyで現在の時間（ユーザーが訪れた時間）によって、表示する内容を変更したいと考えております。
かなり調べてみたのですが上手くいかず、どなたかお教え頂けますと幸いです。

試したこと

下記の内容で現時刻を取得し分岐できると思っていたのですが、下記コードはファイルが生成・更新された際の現時刻となり動的に動きません。

liquid
1{% assign now_hour = "now" | date: "%H" | abs %}

JSにて現在時刻を取得し、現時刻以外のものはdisplay:noneにするというのも試してみたのですが、
そもそも時間外のソースコードは読み込まれないようにしないといけなくそちらも上手く行きませんでした。

実現したいこと

指定した時刻（〇時〜〇時）はこの商品という設定がしたいと考えております。
liquidの"now"が使用できないので、now_hourにjsなどで取得した現在時刻を代入できれば実現できると思っております。（可能かどうかわからないのですが、、、）

ソースコード

liquid
1{% assign now_hour = "now" | date: "%H" | abs %}
2
3{% if 3 <= now_hour and now_hour <= 8 %}
4 {%- assign collection = collections['timeproduct-dawing'] -%}
5
6{% elsif 9 <= now_hour and now_hour <= 11 %}
7 {%- assign collection = collections['timeproduct-morning'] -%}
8
9{% elsif 12 <= now_hour and now_hour <= 15 %}
10 {%- assign collection = collections['timeproduct-afternoon'] -%}
11
12{% elsif 16 <= now_hour and now_hour <= 19 %}
13 {%- assign collection = collections['timeproduct-evening'] -%}
14
15{% elsif 20 <= now_hour and now_hour <= 24 %}
16 {%- assign collection = collections['timeproduct-night'] -%}
17
18{% elsif 0 <= now_hour and now_hour <= 2 %}
19 {%- assign collection = collections['timeproduct-night'] -%}
20
21{% else %}
22
23{% endif %}
24
25{% for product in collection.products limit:1 %}
26 <li><a href="{{ product.url }}" class="is-nowTime"></a></li>
27{% endfor %}