Show more button for collection list brooklyn

[ootdnewyork10]

I copy-pasted the code from the featured-collections.liquid.

[KetanKumar]

@ootdnewyork10

thanks this collection list section do you need product list view all or collection all?

[ootdnewyork10]

So I wanted to add a view all on the homepage only (after the first 6 rows of products) which is a collection named “Shop”. And on the mobile version as well.

[KetanKumar]

@ootdnewyork10

yes sure if possible to feature products section so i will ck or add me staff so i will update code

[ootdnewyork10]

Here’s the code for feature-product.liquid. Please let me know if you need anything else! Thank you!

{%- assign product = all_products[section.settings.featured_product] -%}
{%- assign current_variant = product.selected_or_first_available_variant -%}

{%- if product == empty -%}
{%- assign section_onboarding = true -%}
{%- assign vendor = ‘home_page.onboarding.product_vendor’ | t -%}
{%- assign title = ‘home_page.onboarding.product_title’ | t -%}
{%- assign compare_at_price = 2999 -%}
{%- assign price = 1999 -%}
{%- else -%}
{%- assign section_onboarding = false -%}
{%- assign vendor = product.vendor -%}
{%- assign title = product.title -%}
{%- assign compare_at_price = current_variant.compare_at_price -%}
{%- assign price = current_variant.price -%}
{%- endif -%}

{% unless section_onboarding %} {% assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image %}

{% for image in product.images %}
{% capture img_id_class %}ProductImage-{{ image.id }}{% endcapture %}
{% capture img_wrapper_id %}ProductImageWrapper-{{ image.id }}{% endcapture %}
{% assign img_url = image | img_url: ‘1x1’ | replace: ‘1x1.', '{width}x.’ %}
{% include ‘image-style’ with image: image, small_style: false, width: 700, height: 800, wrapper_id: img_wrapper_id, img_id_class: img_id_class %}

{% endfor %} {% else %} {{ 'product-1' | placeholder_svg_tag: 'placeholder-svg' }} {% endunless %}

{% if section.settings.show_vendor %}

{{ vendor }}

{% endif %}

{{ title }}

{% comment %} Optionally show the 'compare at' or original price of the product. {% endcomment %} {% include 'product-price', variant: current_variant %}

{%- if shop.taxes_included or shop.shipping_policy.body != blank -%}

{%- if shop.taxes_included -%} {{ 'products.general.include_taxes' | t }} {%- endif -%} {%- if shop.shipping_policy.body != blank -%} {{ 'products.general.shipping_policy_html' | t: link: shop.shipping_policy.url }} {%- endif -%}

{%- endif -%}

---

{% if section_onboarding %}

{{ 'products.product.sold_out' | t }}

{% else %} {% capture "form_classes" %} product-single__form{% if product.has_only_default_variant %} product-single__form--no-variants{% endif %} {%- endcapture %}

{% capture “form_id” %}AddToCartForm–{{ section.id }}{%- endcapture %}

{% form ‘product’, product, class:form_classes, id:form_id, data-product-form: ‘’ %}
{% unless product.has_only_default_variant %}
{% for option in product.options_with_values %}

{{ option.name | escape }} <fieldset class="single-option-radio"

id=“ProductSelect–{{ section.id }}-option-{{ forloop.index0 }}”>
{% assign option_index = forloop.index %}
{% for value in option.values %}
{% assign variant_label_state = true %}
{% if product.options.size == 1 %}
{% unless product.variants[forloop.index0].available %}
{% assign variant_label_state = false %}
{% endunless %}
{% endif %}
<input type=“radio”
{% if option.selected_value == value %} checked=“checked”{% endif %}
{% unless variant_label_state %} disabled=“disabled”{% endunless %}
value=“{{ value | escape }}”
data-index=“option{{ option_index }}”
name=“option{{ option.position }}”
class=“single-option-selector__radio{% unless variant_label_state %} disabled{% endunless %}”
id=“ProductSelect–{{ section.id }}-option-{{ option.name | handleize }}-{{ value | escape }}”>
<label for=“ProductSelect–{{ section.id }}-option-{{ option.name | handleize }}-{{ value | escape }}”{% unless variant_label_state %} class=“disabled”{% endunless %}>{{ value | escape }}
{% endfor %}

{% endfor %} {% endunless %} {% for variant in product.variants %} {% if variant.available %} {{ variant.title }} - {{ variant.price | money_with_currency }} {% else %} {{ variant.title }} - {{ 'products.product.sold_out' | t }} {% endif %} {% endfor %}

{% if current_variant.available %} {{ 'products.product.add_to_cart' | t }} {% else %} {{ 'products.product.sold_out' | t }} {% endif %} {% if section.settings.enable_payment_button %} {{ form | payment_button }} {% endif %}

{% endform %} {% endif %}

<a class=“product-single__full-details text-link”{% unless section_onboarding %} href=“{{ product.url }}?variant={{ current_variant.id }}”{% endunless %}>
{{ ‘products.product.full_details’ | t }}

{% if section.settings.show_share_buttons %}
{% include ‘social-sharing’, share_title: product.title, share_permalink: product.url, share_image: product %}
{% endif %}

{% if collection %}

---

← {{ 'products.general.collection_return' | t: collection: collection.title }}

{% endif %}

{% unless product.empty == empty %} {% endunless %}

{% schema %}
{
“name”: {
“da”: “Fremhævet produkt”,
“de”: “Vorgestelltes Produkt”,
“en”: “Featured product”,
“es”: “Producto destacado”,
“fi”: “Esittelyssä oleva tuote”,
“fr”: “Produit en vedette”,
“hi”: “विशेष रुप से प्रदर्शित उत्पाद”,
“it”: “Prodotto in primo piano”,
“ja”: “おすすめ商品”,
“ko”: “특별 상품”,
“ms”: “Produk yang ditampilkan”,
“nb”: “Utvalgt produkt”,
“nl”: “Uitgelicht product”,
“pt-BR”: “Produto em destaque”,
“pt-PT”: “Produto em destaque”,
“sv”: “Utvald produkt”,
“th”: “สินค้าที่แนะนำ”,
“zh-CN”: “特色产品”,
“zh-TW”: “精選產品”
},
“settings”: [
{
“type”: “product”,
“id”: “featured_product”,
“label”: {
“da”: “Produkt”,
“de”: “Produkt”,
“en”: “Product”,
“es”: “Producto”,
“fi”: “Tuote”,
“fr”: “Produit”,
“hi”: “उत्पाद”,
“it”: “Prodotto”,
“ja”: “商品”,
“ko”: “제품”,
“ms”: “Produk”,
“nb”: “Produkt”,
“nl”: “Product”,
“pt-BR”: “Produto”,
“pt-PT”: “Produto”,
“sv”: “Produkt”,
“th”: “สินค้า”,
“zh-CN”: “产品”,
“zh-TW”: “產品”
}
},
{
“type”: “checkbox”,
“id”: “show_variant_labels”,
“label”: {
“da”: “Vis variantlabels”,
“de”: “Variantenbezeichnungen anzeigen”,
“en”: “Show variant labels”,
“es”: “Mostrar etiquetas variantes”,
“fi”: “Näytä tarravaihtoehdot”,
“fr”: “Afficher les étiquettes de variantes”,
“hi”: “वेरिएंट लेबल दिखाएं”,
“it”: “Mostra etichette varianti”,
“ja”: “バリエーションのラベルを表示する”,
“ko”: “이형 상품 레이블 표시”,
“ms”: “Tunjukkan label varian”,
“nb”: “Vis variantetiketter”,
“nl”: “Variantlabels weergeven”,
“pt-BR”: “Exibir etiquetas variantes”,
“pt-PT”: “Mostrar etiquetas de variantes”,
“sv”: “Visa variantetiketter”,
“th”: “แสดงป้ายกำกับตัวเลือกสินค้า”,
“zh-CN”: “显示多属性标签”,
“zh-TW”: “顯示子類選項標籤”
},
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_vendor”,
“label”: {
“da”: “Vis leverandør”,
“de”: “Anbieter anzeigen”,
“en”: “Show vendor”,
“es”: “Mostrar proveedor”,
“fi”: “Näytä myyjä”,
“fr”: “Afficher le distributeur”,
“hi”: “विक्रेता दिखाएं”,
“it”: “Mostra fornitore”,
“ja”: “販売元を表示する”,
“ko”: “공급업체 표시”,
“ms”: “Tunjukkan vendor”,
“nb”: “Vis leverandør”,
“nl”: “Leverancier weergeven”,
“pt-BR”: “Exibir fornecedor”,
“pt-PT”: “Mostrar fornecedor”,
“sv”: “Visa säljare”,
“th”: “แสดงผู้ขาย”,
“zh-CN”: “显示厂商”,
“zh-TW”: “顯示廠商”
},
“default”: false
},
{
“type”: “checkbox”,
“id”: “enable_payment_button”,
“label”: {
“da”: “Vis dynamisk betalingsknap”,
“de”: “Dynamischen Checkout-Button anzeigen”,
“en”: “Show dynamic checkout button”,
“es”: “Mostrar botón de pago dinámico”,
“fi”: “Näytä dynaaminen kassapainike”,
“fr”: “Afficher le bouton de passage à la caisse dynamique”,
“hi”: “डायनेमिक चेकआउट बटन दिखाएं”,
“it”: “Mostra pulsante di check-out dinamico”,
“ja”: “ダイナミックチェックアウトボタンを表示する”,
“ko”: “동적 결제 버튼 표시”,
“ms”: “Tunjukkan butang daftar keluar dinamik”,
“nb”: “Vis dynamisk knapp for å gå til kassen”,
“nl”: “Dynamische checkout knop weergeven”,
“pt-BR”: “Exibir botão dinâmico de finalização da compra”,
“pt-PT”: “Mostrar o botão dinâmico de finalização da compra”,
“sv”: “Visa dynamiska utcheckningsknappar”,
“th”: “แสดงปุ่มชำระเงินแบบไดนามิก”,
“zh-CN”: “显示动态结账按钮”,
“zh-TW”: “顯示動態結帳按鈕”
},
“info”: {
“da”: “Den enkelte kunde vil se sin foretrukne betalingsmetode blandt dem, der er tilgængelige i din butik, f.eks. PayPal eller Apple Pay. Få mere at vide”,
“de”: “Jeder Kunde sieht seine bevorzugte Zahlungsmethode aus den in Ihrem Shop verfügbaren Zahlungsmethoden wie PayPal oder Apple Pay. Mehr Informationen”,
“en”: “Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. Learn more”,
“es”: “Cada cliente verá su forma de pago preferida entre las disponibles en tu tienda, como PayPal o Apple Pay. Más información”,
“fi”: “Kukin asiakas näkee ensisijaisen valintansa kauppasi tarjoamista maksutavoista, esim. PayPal tai Apple Pay. Lisätietoja”,
“fr”: “Chaque client verra son moyen de paiement préféré parmi ceux qui sont proposés sur votre boutique, tels que PayPal ou Apple Pay. En savoir plus”,
“hi”: “प्रत्येक ग्राहक आपके स्टोर पर उपलब्ध अपनी पसंदीदा भुगतान की विधि देखेंगे जैसे PayPal या Apple Pay. अधिक जानें”,
“it”: “Ogni cliente vedrà il suo metodo di pagamento preferito tra quelli disponibili nel tuo negozio, come PayPal o Apple Pay. Maggiori informazioni”,
“ja”: “PayPalやApple Payなど、ストアで利用可能な希望の決済方法がお客様に表示されます。詳細情報”,
“ko”: “각 고객은 PayPal 또는 Apple Pay와 같이 스토어에서 사용 가능한 지불 방법을 확인할 수 있습니다. 자세히 알아보기”,
“ms”: “Setiap pelanggan akan melihat kaedah pembayaran keutamaan mereka dari yang tersedia di kedai anda, seperti PayPal atau Apple Pay. Ketahui lebih lanjut”,
“nb”: “Hver enkelt kunde vil se sin foretrukne betalingsmåte blant de som er tilgjengelig i butikken din, som PayPal eller Apple Pay. Finn ut mer”,
“nl”: “Elke klant ziet zijn of haar beschikbare voorkeursmethode om af te rekenen, zoals PayPal of Apple Pay. Meer informatie”,
“pt-BR”: “Cada cliente verá sua forma de pagamento preferida dentre as disponíveis na loja, como PayPal ou Apple Pay. Saiba mais”,
“pt-PT”: “Cada cliente irá ver o seu método de pagamento preferido entre os disponíveis na loja, como o PayPal ou Apple Pay. Saiba mais”,
“sv”: “Varje kund kommer att se den föredragna betalningsmetoden från de som finns tillgängliga i din butik, till exempel PayPal eller Apple Pay. Läs mer”,
“th”: “ลูกค้าแต่ละรายจะเห็นวิธีการชำระเงินที่ต้องการจากวิธีที่ใช้ได้ในร้านค้าของคุณ เช่น PayPal หรือ Apple Pay เรียนรู้เพิ่มเติม”,
“zh-CN”: “每位客户都可在您商店提供的付款方式中看到他们的首选付款方式，例如 PayPal 或 Apple Pay。了解详情”,
“zh-TW”: “每位顧客都可以在您商店內開放使用的付款方式中看見他們偏好使用的方式，如 PayPal、Apple Pay 等。深入瞭解”
},
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_share_buttons”,
“label”: {
“da”: “Vis knapper til deling på sociale medier”,
“de”: “Social-Sharing-Schaltflächen anzeigen”,
“en”: “Show social sharing buttons”,
“es”: “Mostrar botones para compartir en redes sociales”,
“fi”: “Näytä sosiaalisen median jakamispainikkeet”,
“fr”: “Afficher les boutons de partage social”,
“hi”: “सोशल शेयरिंग बटन दिखाएं”,
“it”: “Mostra i pulsanti per la condivisione sui social”,
“ja”: “ソーシャル共有ボタンを表示する”,
“ko”: “소셜 공유 버튼 표시”,
“ms”: “Tunjukkan butang perkongsian sosial”,
“nb”: “Vis knapper for deling på sosiale medier”,
“nl”: “Knoppen voor sociaal delen weergeven”,
“pt-BR”: “Exibir botões de compartilhamento em redes sociais”,
“pt-PT”: “Mostrar botões de partilha nas redes sociais”,
“sv”: “Visa knappar för delning i sociala medier”,
“th”: “แสดงปุ่มสำหรับแชร์ลงโซเชียล”,
“zh-CN”: “显示社交分享按钮”,
“zh-TW”: “顯示社群分享按鈕”
},
“default”: true,
“info”: {
“da”: “Rediger SoMe-konti i Generelle indstillinger”,
“de”: “Bearbeiten Sie Social-Media-Konten in den allgemeinen Einstellungen”,
“en”: “Edit social accounts in General settings”,
“es”: “Editar cuentas de las redes sociales en la configuración general”,
“fi”: “Muokkaa sosiaalisen median tilejä kohdassa Yleiset asetukset”,
“fr”: “Modifier les comptes sociaux dans les paramètres généraux”,
“hi”: “सामान्य सेटिंग में सोशल अकाउंट संपादित करें”,
“it”: “Modifica gli account social nelle Impostazioni generali”,
“ja”: “一般設定でソーシャルアカウントを編集する”,
“ko”: “일반 설정에서 소셜 계정 수정”,
“ms”: “Edit akaun sosial dalam tetapan Umum”,
“nb”: “Rediger sosiale kontoer i Generelle innstillinger”,
“nl”: “Social media-accounts in Algemene instellingen bewerken”,
“pt-BR”: “Edite as contas de redes sociais nas configurações gerais”,
“pt-PT”: “Editar as contas de redes sociais nas definições gerais”,
“sv”: “Redigera sociala konton i Allmänna inställningar”,
“th”: “แก้ไขบัญชีผู้ใช้โซเชียลมีเดียในการตั้งค่าทั่วไป”,
“zh-CN”: “在“通用”设置中编辑社媒帐户”,
“zh-TW”: “前往「一般」設定編輯社群帳戶”
}
}
],
“presets”: [
{
“name”: {
“da”: “Fremhævet produkt”,
“de”: “Vorgestelltes Produkt”,
“en”: “Featured product”,
“es”: “Producto destacado”,
“fi”: “Esittelyssä oleva tuote”,
“fr”: “Produit en vedette”,
“hi”: “विशेष रुप से प्रदर्शित उत्पाद”,
“it”: “Prodotto in primo piano”,
“ja”: “おすすめ商品”,
“ko”: “특별 상품”,
“ms”: “Produk yang ditampilkan”,
“nb”: “Utvalgt produkt”,
“nl”: “Uitgelicht product”,
“pt-BR”: “Produto em destaque”,
“pt-PT”: “Produto em destaque”,
“sv”: “Utvald produkt”,
“th”: “สินค้าที่แนะนำ”,
“zh-CN”: “特色产品”,
“zh-TW”: “精選產品”
},
“category”: {
“da”: “Produkt”,
“de”: “Produkt”,
“en”: “Product”,
“es”: “Producto”,
“fi”: “Tuote”,
“fr”: “Produit”,
“hi”: “उत्पाद”,
“it”: “Prodotto”,
“ja”: “商品”,
“ko”: “제품”,
“ms”: “Produk”,
“nb”: “Produkt”,
“nl”: “Product”,
“pt-BR”: “Produto”,
“pt-PT”: “Produto”,
“sv”: “Produkt”,
“th”: “สินค้า”,
“zh-CN”: “产品”,
“zh-TW”: “產品”
}
}
]
}
{% endschema %}

[ootdnewyork10]

@KetanKumar is this what you need or can I provide anything additional? Thank you!

[ootdnewyork10]

Hi @KetanKumar are you still able to help me with this? My site url is https://ootdnewyork10.com/

I’d like to add a “show more” button to put all “sold out” products below that on the homepage. Thanks.