Вытащил коллекцию на пользовательскую страницу в Shopify, но никакой информации, кроме изображений, не отображается
Я ищу решение моей проблемы. Я пытаюсь перетащить коллекцию продуктов на свою уникальную страницу в Shopify
с помощью .liquid
, Мне удалось вытащить правильную коллекцию и отобразить ее в строках, но никакой дополнительной информации, такой как цена, название или детали, не отображается. Вот код, который я использовал, чтобы перетащить коллекцию на мою страницу. Какие-либо предложения?
Любая информация поможет! У меня также есть проблемы, центрирующие это на моей странице.
{% assign collection = collections.aaron-wallis %}
{% assign products = collections.aaron-wallis.products %}
{% capture new_row %}
<div class="product_row">
{% endcapture %}
{% for product in products limit: limit %}
<a href="{{ product.url | within: collection }}" title="{{ product.featured_image.alt | escape }}">
<img {% if settings.align_height %}
style="height:{{ settings.collection_height }}px"
{% endif %}
src="{{ product.featured_image|product_img_url: 'large' }}"
alt="{{ product.featured_image.alt | escape }}" />
</a>
{% endfor %}
</div>
2 ответа
Вы можете просмотреть определенные продукты для сбора, используя это:
{% for product in collections[yourcollectionhandle].products %}
{{ product.title }}
{% endfor %}
Информация не отображается, потому что код, который вы написали, не должен отображать какую-либо информацию, кроме изображения.
Посмотрите на эту часть вашего кода.
{% for product in products limit: limit %}
<a href="{{ product.url | within: collection }}" title="{{ product.featured_image.alt | escape }}">
<img {% if settings.align_height %}
style="height:{{ settings.collection_height }}px"
{% endif %}
src="{{ product.featured_image|product_img_url: 'large' }}"
alt="{{ product.featured_image.alt | escape }}" />
</a>
{% endfor %}
Предполагается отображать только изображение связанного продукта. Если вы хотите больше, как название продукта, цена
{% for product in products limit: limit %}
<a href="{{ product.url | within: collection }}" title="{{ product.featured_image.alt | escape }}">
<img {% if settings.align_height %}
style="height:{{ settings.collection_height }}px"
{% endif %}
src="{{ product.featured_image|product_img_url: 'large' }}"
alt="{{ product.featured_image.alt | escape }}" />
<p class="product-title">{{ product.title }}</p>
<p class="product-price">{{ product.price }}</p>
</a>
{% endfor %}