Как выводить время, оставшееся в днях или часах с жидкостью?

Question

Я продаю рубашки на своем веб-сайте, и я хочу добавить таймер обратного отсчета на страницу, чтобы показать, сколько времени осталось от клиентов, чтобы предварительно заказать рубашки (только при заказе до указанной даты, когда я вручную отключу заказ из бэкэнда Shopify).

Я хотел бы знать, есть ли способ выполнить вывод правильных дней/часов, оставшихся до разметки, посредством некоторой математической операции (или другой встроенной функции) в жидкости? Я бы предпочел не использовать javascript-решение, потому что я хочу, чтобы загрузка этой операции была на сервере, а не на интерфейсе.

Моя конечная цель заключается в конечном итоге с чем-то оказанной который выглядит следующим образом:

<p>You have <strong>14 days</strong> left to pre-order.</p>

... где содержание внутри <strong> тегов генерируется функцией, и показывает дни только до тех пор, последние 24 часа, когда он будет показывать оставшиеся часы.

Возможно ли это с жидкостью? Будет ли выполнение javascript действительно лучшим выбором?

Сайт для справки: http://devtees.com/

Answer 1

Это не значит, что это не возможно в жидкости из соображений синтаксиса, но я не верю, что переменные, которые вы ищете существуют в Shopify.

Возможно, вам понадобится создать пользовательскую переменную («метафилд») для даты крайнего срока, и в этом случае вы не сможете ее фильтровать с использованием фильтров даты жидкости (поскольку жидкость не знает, что это дата - она ​​просто видит ее как строку). Таким образом, вы не могли бы повлиять на форматирование, отсчитывать и т.д.

Узнайте больше о metafilters: http://docs.shopify.com/themes/liquid-documentation/objects/metafield

Альтернативный подход может использовать некоторую комбинацию metafield с указанием «последний день заказа »И переключение на доступность продукта. С помощью этого метода вы можете добиться чего-то похожего на то, как Cotton Bureau показывает предзаказность своих футболок.

Узнать больше о наличии товара: http://docs.shopify.com/themes/liquid-documentation/objects/product#product-available