如何计算当前在Shopify 2.0 Dawn主题中显示产品的当前？

发布于 2025-01-26 01:57:50 字数 588 浏览 3 评论 0 原文

在Dawn（版本5.0.0）主题Shopify的收集页面中，有和内置的功能可查看产品总数。

我想证明当更多产品进入分页时正在显示多少当前产品。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

薄荷港 2025-02-02 01:57:50

黎明主题的两个文件中有2个修改。

在 faceets.liquid 文件中，文件在跨度ID ProductCountDesktop 下添加以下代码。

 {% if next_link %}
    {{ offset | plus: 1 }} - {{ offset | plus: page_size }} of 
{% else %} 
    {% capture itemsOnCurrentPage %} 
    {{ results.all_products_count | minus: offset }} 
    {% endcapture %} 
    
    {% if results.all_products_count > 0 %}
        {{ offset | plus: 1 }}
    {% else %}
        {{ offset }}
    {% endif %}
    - {{ offset | plus: itemsOnCurrentPage }} of  
{% endif %}

现在，渲染：facets 用以下代码中的 MAIN-CORCTORTY-PRODUCT-GRID.liquid 文件中的代码。

{%- paginate collection.products by section.settings.products_per_page -%} 
    {% render 'facets', results: collection, enable_filtering: section.settings.enable_filtering, 
    filter_type: section.settings.filter_type, enable_sorting: section.settings.enable_sorting, collapse_on_larger_devices: section.settings.collapse_on_larger_devices,
    offset : paginate.current_offset,next_link:paginate.next.is_link,page_size:paginate.page_size  %} 
{%- endpaginate -%}

There is 2 modification in 2 files of dawn theme.

in facets.liquid file add below code under the span id ProductCountDesktop.

 {% if next_link %}
    {{ offset | plus: 1 }} - {{ offset | plus: page_size }} of 
{% else %} 
    {% capture itemsOnCurrentPage %} 
    {{ results.all_products_count | minus: offset }} 
    {% endcapture %} 
    
    {% if results.all_products_count > 0 %}
        {{ offset | plus: 1 }}
    {% else %}
        {{ offset }}
    {% endif %}
    - {{ offset | plus: itemsOnCurrentPage }} of  
{% endif %}

now replace render: facets with below code in main-collection-product-grid.liquid file.

{%- paginate collection.products by section.settings.products_per_page -%} 
    {% render 'facets', results: collection, enable_filtering: section.settings.enable_filtering, 
    filter_type: section.settings.filter_type, enable_sorting: section.settings.enable_sorting, collapse_on_larger_devices: section.settings.collapse_on_larger_devices,
    offset : paginate.current_offset,next_link:paginate.next.is_link,page_size:paginate.page_size  %} 
{%- endpaginate -%}

回复收藏 0 原文

~没有更多了~