Соединяйте строки, используя Liquid - PullRequest
0 голосов
/ 18 мая 2018

В приведенном ниже коде я пытаюсь установить свойства стиля для элемента.Я унаследовал чужой код, поэтому неясен две вещи:

1 - Почему объект Liquid '{{ new.image }}' заключен в кавычки / 2 - Как я могу присоединиться к строковому значению width & height в приведенном нижекод с px.Ниже приведен неверный код.

{% for news in page.carousel %}
  {% assign width = 1920 %}
  {% assign height = width | times: 20 | divided_by: 100 | times: 140 | divided_by: 100 %}
  <div class="item img-cover img-fixed {% if forloop.first %}active{% endif %}" style="background-image: url({% pic '{{ news.image }}' %}) width= '{{width | join: "px"}}'  height='{{height | join:"px"}}'">
  <h2>{{ news.text }}</h2>
  </div>
{% endfor %}

1 Ответ

0 голосов
/ 19 мая 2018

{% pic происходит из пользовательского плагина.Можете ли вы назвать это?

Строка с жидкостью:

width= '{{width}}px'

или

width= '{{width | append: "px"}}'
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...