0
我正在使用jQuery将jCarousel添加到Shopify的我的主页上。传送带显示并正确滚动,但我需要为每个图像添加链接,以便在点击图像时将用户引导至特定的产品页面。添加链接到jCarousel图像
Shopify使用称为液体的模板引擎,它是Ruby上的变体。我不知道Ruby或如何实现我正在寻找的功能。
下面是我使用jCarousel的片段。任何人都可以建议在哪里修改代码,以便为每个图像创建链接?
<div class="carousel-inner">
{% for i in (1..4) %}
{% capture show_slide %}slide_{{ i }}{% endcapture %}
{% capture image %}slideshow_{{ i }}.jpg{% endcapture %}
{% capture link %}slide_{{ i }}_link{% endcapture %}
{% capture link_text %}slide_{{ i }}_link_text{% endcapture %}
{% capture headline %}slide_{{ i }}_headline{% endcapture %}
{% capture content %}slide_{{ i }}_content{% endcapture %}
{% if settings[show_slide] %}
<div class="item{% if i == 1 %} active {% endif %}">
<img src="{{ image | asset_url }}" alt="{{ settings[headline] | escape }}" />
<div class="slide-container">
<div class="container-fluid">
<div class="carousel-caption col-md-5 col-sm-10">
<h1>{{ settings[headline] | escape }}</h1>
<p>{{ settings[content] | escape }}</p>
<a class="btn btn-lg btn-default" href="{{ settings[link] | escape }}" role="button">{{ settings[link_text] | escape }}</a>
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}