Вытащил коллекцию на пользовательскую страницу в 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 %}
Другие вопросы по тегам