Debutify Theme -hide sold out products prices

[geeza]

Hi

how can I hide sold out products prices on th Debutify Theme ?

thanks

[system]

Hello

Can you please share your store’s URL so I can take a look?

Thanks

[dmwwebartisan]

@geeza

For that need to hide price then you have to code in collection and product page too.

You can use snippet->product-grid file for collection and section->product-template.liquid file for product page.

add price div in this condition.

{% if product.available %}  ..... {% endif%}

Hope this works.

Thanks!

[geeza]

Hi, thanks for your help.

Ive opens the themes code. Could you help me how to do this, im a bit confused.

many thanks

[dmwwebartisan]

@geeza

Please share this file code snippet->product-grid file for collection and section->product-template.

PM to me

Thanks!

[geeza]

this is product template -

{%- assign current_variant = product.selected_or_first_available_variant -%}
{%- assign featured_media = current_variant.featured_media | default: product.featured_media -%}
{%- assign stacked = false -%}
{%- if section.settings.media_layout == “stacked” -%}
{%- assign stacked = true -%}
{%- endif -%}

{%- assign first_media = true -%}

{%- if product.media.size > 1 -%}
{%- assign carousel = true -%}
{%- else -%}
{%- assign carousel = false -%}
{%- endif -%}

{%- if emptyState -%}
{%- assign vendor = ‘home_page.onboarding.product_vendor’ | t -%}
{%- assign sku = ‘12345’ -%}
{%- assign title = ‘home_page.onboarding.product_title’ | t -%}
{%- assign compare_at_price = 2999 -%}
{%- assign price = 1999 -%}
{%- else -%}
{%- assign vendor = product.vendor -%}
{%- assign sku = current_variant.sku -%}
{%- assign title = product.title -%}
{%- assign compare_at_price = current_variant.compare_at_price -%}
{%- assign price = current_variant.price -%}
{%- endif -%}

{%- if compare_at_price > price -%}
{%- assign on_sale = true -%}
{%- else -%}
{%- assign on_sale = false -%}
{%- endif -%}

{%- if current_variant.available -%}
{%- assign sold_out = false -%}
{%- else -%}
{%- assign sold_out = true -%}
{%- endif -%}

{%- assign enable_zoom = section.settings.enable_zoom -%}
{%- assign product_image_zoom_size = ‘1024x1024’ -%}
{%- assign product_image_scale = ‘2’ -%}
{%- assign product_tabs_position = section.settings.dbtfy_product_tabs_position -%}
{%- assign product_description_position = section.settings.dbtfy_product_description_position -%}

{%- if settings.dbtfy_live_view or settings.dbtfy_delivery_time -%}
{%- assign live_view_or_delivery_time = true -%}
{%- endif -%}

{%- if settings.dbtfy_live_view_position == ‘under_add_to_cart_button’ or settings.dbtfy_delivery_time_position == ‘under_add_to_cart_button’ -%}
{%- assign live_view_or_delivery_time_under_button = true -%}
{%- endif -%}

{%- if settings.dbtfy_live_view_position == ‘under_product_price’ or settings.dbtfy_delivery_time_position == ‘under_product_price’ -%}
{%- assign live_view_or_delivery_time_under_price = true -%}
{%- endif -%}

{%- assign has_description = false -%}

{%- if section.settings.show_product_description and product.description != blank -%}
{%- assign has_description = true -%}
{%- endif -%}

{%- assign show_info_section = false -%}

{%- if has_description and product_description_position == “separate_section” -%}
{%- assign show_info_section = true -%}
{%- elsif section.blocks.size >= 1 -%}
{%- if product_tabs_position == “separate_section” -%}
{%- assign show_info_section = true -%}
{%- elsif product_description_position == “separate_section” -%}
{%- if product_tabs_position != “under_addtocart” -%}
{%- if product_tabs_position == “under_description” or product_tabs_position == “above_description” -%}
{%- assign show_info_section = true -%}
{%- endif -%}
{%- endif -%}
{%- endif -%}
{%- endif -%}

{%- if product.images != blank -%}

{%- assign enable_image_zoom = section.settings.enable_image_zoom -%} {% assign height = 850 %} {% assign width = 575 %} {%- assign first_3d_model = product.media | where: "media_type", "model" | first -%} {% comment %} Display product images {% endcomment %} {%- for media in product.media -%} {%- assign featured = false -%} {%- if media == featured_media -%} {%- assign featured = true -%} {%- endif -%}

{%- capture thumbnail_alt -%}
{%- if media.media_type == ‘video’ or media.media_type == ‘external_video’ -%}
{{ ‘products.product.video_thumbnail_alt’ | t: imageAlt: media.alt | escape }}
{%- elsif media.media_type == ‘model’ -%}
{{ ‘products.product.model_thumbnail_alt’ | t: imageAlt: media.alt | escape }}
{%- else -%}
{{ ‘products.product.gallery_thumbnail_alt’ | t: imageAlt: media.alt | escape }}
{%- endif -%}
{%- endcapture -%}

{%- render 'media' with media, enable_image_zoom: enable_image_zoom, stacked: stacked, featured: featured, width: width, height: height -%}

{% comment %}
Display a “View in your space” button (multi) for the first visible media and each individual model.
Stacked layout only.
{% endcomment %}
{% if stacked %}
{%- assign xr_id = false -%}
{%- if first_media and first_3d_model -%}
{%- assign xr_id = first_3d_model.id -%}
{%- elsif media.media_type == ‘model’ -%}
{%- assign xr_id = media.id -%}
{%- endif -%}

{%- if xr_id -%}
{%- render ‘xr-button’ with model_id: xr_id, multi: true -%}
{%- endif -%}
{%- assign first_media = false -%}
{% endif %}

{%- endfor -%}

{% comment %}
Display a “View in your space” button (single).
Stacked/Thumbnails layout (mobile)
Thumbnail layout only (desktop)
{% endcomment %}
{%- if first_3d_model -%}
{%- render ‘xr-button’ with model_id: first_3d_model.id, multi: false -%}
{%- endif -%}

{%- if product.media.size > 1 -%}

{% for media in product.media %}

{%- capture thumbnail_alt -%} {%- if media.media_type == 'video' or media.media_type == 'external_video' -%} {{ 'products.product.video_thumbnail_alt' | t: imageAlt: media.alt | escape }} {%- elsif media.media_type == 'model' -%} {{ 'products.product.model_thumbnail_alt' | t: imageAlt: media.alt | escape }} {%- else -%} {{ 'products.product.gallery_thumbnail_alt' | t: imageAlt: media.alt | escape }} {%- endif -%} {%- endcapture -%}

{% assign media_aspect_ratio = media.aspect_ratio | default: media.preview_image.aspect_ratio %}

<img class=“product–image product-single__thumb media lazyload”
{%- render ‘lazysizes’, img: media, img_type: ‘responsive’ -%}
alt=“{{ thumbnail_alt }}”
data-media-id=“{{ media.id }}”>
{%- if media.media_type == ‘video’ or media.media_type == ‘external_video’ or media.media_type == ‘model’ -%}

{% render 'svg-definitions' with media.media_type %}

{%- endif -%}

{% endfor %}

{%- endif -%}

{%- elsif product.images.size < 1 or emptyState -%} {{ 'product-1' | placeholder_svg_tag: 'placeholder-svg' }} {%- endif -%}

---

{%- assign showProductProperties = false -%}

{%- if section.settings.show_product_vendor and product.vendor != blank -%}
{%- assign showProductProperties = true -%}
{%- elsif section.settings.show_product_type and product.type != blank -%}
{%- assign showProductProperties = true -%}
{%- elsif section.settings.show_product_sku and sku != blank -%}
{%- assign showProductProperties = true -%}
{%- endif -%}

{%- if showProductProperties -%}

{%- if section.settings.show_product_vendor and product.vendor != blank -%}
• store {{ product.vendor }}
{%- endif -%}

{%- if section.settings.show_product_type and product.type != blank -%}

• folder {{ product.type }}
{%- endif -%}

{%- if section.settings.show_product_sku -%}

• settings SKU: {{ sku }}
{%- endif -%}

{%- endif -%}

{{ title }}

{%- render "dbtfy-wish-list", type: "button", product: product -%}

{%- unless emptyState -%}
{%- render “review-badge” with product as product, position: “product_page”, class: “spacer-bottom” -%}

{%- render “dbtfy-sales-countdown” with product as product, current_variant: current_variant -%}
{%- endunless -%}

{%- if current_variant.inventory_quantity > 0 and current_variant.inventory_management == “shopify” -%}

{%- endif -%}

{{ price | money }}

{{ compare_at_price | money }}

{%- render “dbtfy-discount-saved” with product as product -%}

{%- capture unit_price_separator -%} / {{ 'general.accessibility.unit_price_separator' | t }}  {%- endcapture -%}

{%- capture unit_price_base_unit -%}

{%- if current_variant.unit_price_measurement -%}
{%- if current_variant.unit_price_measurement.reference_value != 1 -%}
{{- current_variant.unit_price_measurement.reference_value -}}
{%- endif -%}
{{ current_variant.unit_price_measurement.reference_unit }}
{%- endif -%}

{%- endcapture -%}

{{ ‘products.general.unit_price’ | t }}
{{ current_variant.unit_price | money }}{{- unit_price_separator -}}{{- unit_price_base_unit -}}

{%- if live_view_or_delivery_time and live_view_or_delivery_time_under_price -%}

{%- if settings.dbtfy_live_view_position == 'under_product_price' -%} {%- render "dbtfy-live-view" -%} {%- endif -%}

{%- if settings.dbtfy_delivery_time_position == ‘under_product_price’ -%}
{%- render “dbtfy-delivery-time” -%}
{%- endif -%}

{%- endif -%}

{%- if emptyState -%}

{{ settings.icon_cart }} {{ 'products.product.add_to_cart' | 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 -%}

{%- render “dbtfy-color-swatches” with product as product -%}

{%- 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 -%} {%- assign is_color_option = false -%}

{%- if content_for_header contains ‘debutify’ and product.available and product.variants.size >= 1 and settings.dbtfy_color_swatches -%}
{%- assign swatch_list = settings.dbtfy_color_swatches_color | split: “,” -%}

{%- for swatch in swatch_list -%}
{%- assign swatch_option_name = swatch | handleize -%}
{%- assign option_name = option.name | handleize -%}
{%- if option_name == swatch_option_name -%}
{%- assign is_color_option = true -%}
{% endif %}
{%- endfor -%}
{%- endif -%}

{% assign first_option_value = current_variant.options[forloop.index0] | escape %}

{{ option.name | escape }}: {{ first_option_value | escape }}

{%- if section.settings.product_selector == ‘radio’ -%}

{%- 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-option-{{ section.id }}-{{ option.name | handleize }}-{{ value | escape }}”>

<label for=“ProductSelect-option-{{ section.id }}-{{ option.name | handleize }}-{{ value | escape }}”{% unless variant_label_state %} class=“disabled”{% endunless %}>{{ value | escape }}
{%- endfor -%}

{%- else -%} {%- for value in option.values -%} {{ value | escape }} {%- endfor -%} {%- endif -%}

{%- endfor -%}

{%- endunless -%}

{% for variant in product.variants %} {%- assign product_qty = 0 -%} {% if variant.inventory_management == “shopify” %} {% if variant.inventory_policy == “continue” %} {%- assign product_qty = 99999 -%} {% else %} {% if variant.inventory_quantity > 0 %} {%- assign product_qty = variant.inventory_quantity -%} {% else %} {%- assign product_qty = 0 -%} {% endif %} {% endif %} {% else %} {%- assign product_qty = 99999 -%} {% endif %} {%- if variant.available -%} {{ variant.title }} - {{ variant.price | money_with_currency }} {%- else -%} {{ variant.title }} - {{ 'products.product.sold_out' | t }} {%- endif -%} {% endfor %}

{%- assign hide_quantity_box = true -%}

{%- if section.settings.quantity_enabled or settings.dbtfy_quantity_breaks or settings.dbtfy_inventory_quantity -%}
{%- assign hide_quantity_box = false -%}
{%- endif -%}

{%- if section.settings.quantity_enabled or settings.dbtfy_quantity_breaks or settings.dbtfy_inventory_quantity -%}

{%- assign quantity_id = 'product-' | append: product.id -%}

{%- if section.settings.quantity_enabled or settings.dbtfy_quantity_breaks -%}
<label class=“inline-label” for=“{{ quantity_id }}” {% if section.settings.quantity_enabled == false and settings.dbtfy_quantity_breaks %}hidden {% endif %}>{{ ‘products.product.quantity’ | t }}
{%- endif -%}

{%- render “dbtfy-inventory-quantity”, product: product -%}

{%- if section.settings.quantity_enabled -%}
{%- render “quantity-selector”, type: “product”, id: quantity_id -%}
{%- elsif settings.dbtfy_quantity_breaks -%}

{%- endif -%}

{%- endif -%}

{{ settings.icon_cart }} {%- if current_variant.available -%} {{ 'products.product.add_to_cart' | t }} {%- else -%} {{ 'products.product.sold_out' | t }} {%- endif -%}

{%- if settings.enable_payment_button -%}
{{ form | payment_button }}
{%- endif -%}

{%- endform -%} {%- endif -%}

{%- render “dbtfy-trust-badge”, position: “product_page” -%}

{%- if live_view_or_delivery_time and live_view_or_delivery_time_under_button -%}

{%- if settings.dbtfy_live_view_position == 'under_add_to_cart_button' -%} {%- render "dbtfy-live-view" -%} {%- endif -%}

{%- if settings.dbtfy_delivery_time_position == ‘under_add_to_cart_button’ -%}
{%- render “dbtfy-delivery-time” -%}
{%- endif -%}

{%- endif -%}

{%- if product_tabs_position == “under_addtocart” or product_tabs_position == “above_description” and product_description_position == “under_addtocart” -%}
{%- render “dbtfy-product-tabs” with product as product, class: ‘spacer-top’ -%}
{%- endif -%}

{%- if product_description_position == “under_addtocart” and has_description -%}

{{ product.description }}

{%- endif -%}

{%- if product_tabs_position == “under_description” and product_description_position == “under_addtocart” -%}
{%- unless has_description -%}
{%- assign tab_spacing_class = “spacer-top” -%}
{%- endunless -%}

{%- render “dbtfy-product-tabs” with product as product, class: tab_spacing_class-%}
{%- endif -%}

{%- render “dbtfy-social-discount”, type: “button” -%}

{%- render “social-sharing”, share_button: “btn btn-square-xsmall”, container_class: “spacer-top” -%}

{%- if section.settings.show_product_tags and product.tags.size > 0 -%}

• local_offer {{ 'blogs.article.tags' | t }}
{%- for tag in product.tags -%}
• {{ tag }}
{%- endfor -%}

{%- endif -%}

{%- if section.settings.show_product_collections and product.collections.size > 0 -%}

• layers {{ 'collections.general.catalog_title' | t }}
{%- for collection in product.collections -%}
• {{ collection.title }}
{%- endfor -%}

{%- endif -%}

{%- if section.settings.show_full_details and request.page_type == ‘index’ -%}

{{ 'products.product.full_details' | t }} arrow_forward

{%- endif -%}

{%- render “dbtfy-sticky-addtocart” with product as product, current_variant: current_variant -%}

{%- if show_info_section -%}

{%- if product_tabs_position == "separate_section" or product_tabs_position == "above_description" and product_description_position == "separate_section" -%} {%- render "dbtfy-product-tabs" with product as product -%} {%- endif -%}

{%- if product_description_position == “separate_section” and has_description -%}

{{ product.description }}

{%- endif -%}

{%- if product_tabs_position == “under_description” and product_description_position == “separate_section” -%}
{%- render “dbtfy-product-tabs” with product as product -%}
{%- endif -%}

{%- endif -%}

{%- render “dbtfy-addtocart-animation” -%}

{%- unless emptyState -%}

{%- endunless -%}

[geeza]

this one is product-grid-item.liquid

{% assign has_color_swatches = false %}

{%- if content_for_header contains ‘debutify’ and settings.dbtfy_color_swatches -%}
{%- if settings.dbtfy_color_swatches_grid != blank -%}
{%- if product.available and product.variants.size > 1 -%}
{% assign has_color_swatches = true %}
{%- endif -%}
{%- endif -%}
{%- endif -%}

{%- if emptyState -%}
{%- assign product_link = ‘/admin/products’ -%}
{%- 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 variant = product.first_available_variant -%}
{%- assign product_link = product.url | within: collection -%}
{%- assign vendor = product.vendor -%}
{%- assign title = product.title -%}

{% if has_color_swatches %}
{%- assign compare_at_price = variant.compare_at_price -%}
{%- assign price = variant.price -%}
{% else %}
{%- assign compare_at_price = product.compare_at_price -%}
{%- assign price = product.price -%}
{% endif %}
{%- endif -%}

{%- if compare_at_price > price -%}
{%- assign on_sale = true -%}
{%- else -%}
{%- assign on_sale = false -%}
{%- endif -%}

{%- if product.available or emptyState -%}
{%- assign sold_out = false -%}
{%- else -%}
{%- assign sold_out = true -%}
{%- endif -%}

{%- if settings.grid_product_hover and product.images.size > 1 -%}
{%- assign image_hover = true -%}
{%- else -%}
{%- assign image_hover = false -%}
{%- endif -%}

{%- assign variant = product.selected_or_first_available_variant -%}

{%- if product.images != blank -%}

{%- if image_hover -%}

{%- endif -%} {%- elsif product.images.size < 1 or emptyState -%} {{ 'product-' | append: current | placeholder_svg_tag: 'card-image placeholder-svg' }} {%- endif -%}

{%- unless settings.tag_placement == ‘none’ -%}
{%- if sold_out -%}

watch_later

{{ ‘products.product.sold_out_html’ | t }}


{%- elsif on_sale -%}
{%- capture saved_amount -%}
{%- if settings.sale_type == ‘amount’ -%}
{{ compare_at_price | minus: price | money }}
{%- elsif settings.sale_type == ‘percentage’ -%}
{{ compare_at_price | minus: price | times: 100 | divided_by: compare_at_price }}%
{%- endif -%}
{%- endcapture -%}

local_offer

{{ ‘products.general.save_html’ | t: saved_amount: saved_amount }}


{%- endif -%}
{%- endunless -%}

{%- unless emptyState -%}
{%- render “dbtfy-quick-view” with product as product -%}
{%- render “dbtfy-wish-list” with product as product -%}
{%- endunless -%}

{%- unless emptyState -%}
{%- render “dbtfy-collection-addtocart” with product as product, sold_out: sold_out -%}
{%- endunless -%}

{%- if has_color_swatches -%} {%- render "dbtfy-color-swatches" with product as product, type: 'product_grid' -%} {%- endif -%}

{{ title }}

{%- if settings.review_badge_product_grid -%}
{%- unless emptyState -%}
{%- render ‘review-badge’ with product as product, position: ‘product_grid’ -%}
{%- endunless -%}
{%- endif -%}

<span class=“price-regular{% if on_sale %} on-sale text-secondary{% endif %}”
{% if on_sale %}
aria-label=“{{ ‘products.general.sale_price’ | t }}”
{% else %}
aria-label=“{{ ‘products.general.regular_price’ | t }}”
{% endif %}>
{%- if product.price_varies and emptyState == false -%}
{{ product.price_min | money }}+
{%- else -%}
{{ price | money }}
{%- endif -%}

{%- if on_sale -%}
{{ compare_at_price | money }}
{%- else -%}

{%- endif -%}

{%- if variant.available and variant.unit_price_measurement -%}
{%- capture unit_price_separator -%}
/ {{ ‘general.accessibility.unit_price_separator’ | t }} 
{%- endcapture -%}

{%- capture unit_price_base_unit -%}

{%- if variant.unit_price_measurement.reference_value != 1 -%}
{{- variant.unit_price_measurement.reference_value -}}
{%- endif -%}
{{ variant.unit_price_measurement.reference_unit }}

{%- endcapture -%}

{{ ‘products.general.unit_price’ | t }}
{{ variant.unit_price | money }}{{- unit_price_separator -}}{{- unit_price_base_unit -}}

{%- endif -%}

{%- if settings.grid_product_vendor -%}

{{ vendor }}

{%- endif -%}

[dmwwebartisan]

Please replace the following code and check your product page .

{%- assign current_variant = product.selected_or_first_available_variant -%}
{%- assign featured_media = current_variant.featured_media | default: product.featured_media -%}
{%- assign stacked = false -%}
{%- if section.settings.media_layout == "stacked" -%}
{%- assign stacked = true -%}
{%- endif -%}

{%- assign first_media = true -%}

{%- if product.media.size > 1 -%}
{%- assign carousel = true -%}
{%- else -%}
{%- assign carousel = false -%}
{%- endif -%}

{%- if emptyState -%}
{%- assign vendor = 'home_page.onboarding.product_vendor' | t -%}
{%- assign sku = '12345' -%}
{%- assign title = 'home_page.onboarding.product_title' | t -%}
{%- assign compare_at_price = 2999 -%}
{%- assign price = 1999 -%}
{%- else -%}
{%- assign vendor = product.vendor -%}
{%- assign sku = current_variant.sku -%}
{%- assign title = product.title -%}
{%- assign compare_at_price = current_variant.compare_at_price -%}
{%- assign price = current_variant.price -%}
{%- endif -%}

{%- if compare_at_price > price -%}
{%- assign on_sale = true -%}
{%- else -%}
{%- assign on_sale = false -%}
{%- endif -%}

{%- if current_variant.available -%}
{%- assign sold_out = false -%}
{%- else -%}
{%- assign sold_out = true -%}
{%- endif -%}

{%- assign enable_zoom = section.settings.enable_zoom -%}
{%- assign product_image_zoom_size = '1024x1024' -%}
{%- assign product_image_scale = '2' -%}
{%- assign product_tabs_position = section.settings.dbtfy_product_tabs_position -%}
{%- assign product_description_position = section.settings.dbtfy_product_description_position -%}

{%- if settings.dbtfy_live_view or settings.dbtfy_delivery_time -%}
{%- assign live_view_or_delivery_time = true -%}
{%- endif -%}

{%- if settings.dbtfy_live_view_position == 'under_add_to_cart_button' or settings.dbtfy_delivery_time_position == 'under_add_to_cart_button' -%}
{%- assign live_view_or_delivery_time_under_button = true -%}
{%- endif -%}

{%- if settings.dbtfy_live_view_position == 'under_product_price' or settings.dbtfy_delivery_time_position == 'under_product_price' -%}
{%- assign live_view_or_delivery_time_under_price = true -%}
{%- endif -%}

{%- assign has_description = false -%}

{%- if section.settings.show_product_description and product.description != blank -%}
{%- assign has_description = true -%}
{%- endif -%}

{%- assign show_info_section = false -%}

{%- if has_description and product_description_position == "separate_section" -%}
{%- assign show_info_section = true -%}
{%- elsif section.blocks.size >= 1 -%}
{%- if product_tabs_position == "separate_section" -%}
{%- assign show_info_section = true -%}
{%- elsif product_description_position == "separate_section" -%}
{%- if product_tabs_position != "under_addtocart" -%}
{%- if product_tabs_position == "under_description" or product_tabs_position == "above_description" -%}
{%- assign show_info_section = true -%}
{%- endif -%}
{%- endif -%}
{%- endif -%}
{%- endif -%}

{%- if product.images != blank -%}

{%- assign enable_image_zoom = section.settings.enable_image_zoom -%}
{% assign height = 850 %}
{% assign width = 575 %}
{%- assign first_3d_model = product.media | where: "media_type", "model" | first -%}
{% comment %}
Display product images
{% endcomment %}
{%- for media in product.media -%}
{%- assign featured = false -%}
{%- if media == featured_media -%}
{%- assign featured = true -%}
{%- endif -%}

{%- capture thumbnail_alt -%}
{%- if media.media_type == 'video' or media.media_type == 'external_video' -%}
{{ 'products.product.video_thumbnail_alt' | t: imageAlt: media.alt | escape }}
{%- elsif media.media_type == 'model' -%}
{{ 'products.product.model_thumbnail_alt' | t: imageAlt: media.alt | escape }}
{%- else -%}
{{ 'products.product.gallery_thumbnail_alt' | t: imageAlt: media.alt | escape }}
{%- endif -%}
{%- endcapture -%}

{%- render 'media' with media, enable_image_zoom: enable_image_zoom, stacked: stacked, featured: featured, width: width, height: height -%}

{% comment %}
Display a "View in your space" button (multi) for the first visible media and each individual model.
Stacked layout only.
{% endcomment %}
{% if stacked %}
{%- assign xr_id = false -%}
{%- if first_media and first_3d_model -%}
{%- assign xr_id = first_3d_model.id -%}
{%- elsif media.media_type == 'model' -%}
{%- assign xr_id = media.id -%}
{%- endif -%}

{%- if xr_id -%}
{%- render 'xr-button' with model_id: xr_id, multi: true -%}
{%- endif -%}
{%- assign first_media = false -%}
{% endif %}

{%- endfor -%}

{% comment %}
Display a "View in your space" button (single).
Stacked/Thumbnails layout (mobile)
Thumbnail layout only (desktop)
{% endcomment %}
{%- if first_3d_model -%}
{%- render 'xr-button' with model_id: first_3d_model.id, multi: false -%}
{%- endif -%}

{%- if product.media.size > 1 -%}

{% for media in product.media %}

{%- capture thumbnail_alt -%}
{%- if media.media_type == 'video' or media.media_type == 'external_video' -%}
{{ 'products.product.video_thumbnail_alt' | t: imageAlt: media.alt | escape }}
{%- elsif media.media_type == 'model' -%}
{{ 'products.product.model_thumbnail_alt' | t: imageAlt: media.alt | escape }}
{%- else -%}
{{ 'products.product.gallery_thumbnail_alt' | t: imageAlt: media.alt | escape }}
{%- endif -%}
{%- endcapture -%}

{% assign media_aspect_ratio = media.aspect_ratio | default: media.preview_image.aspect_ratio %}

{%- if media.media_type == 'video' or media.media_type == 'external_video' or media.media_type == 'model' -%}

{% render 'svg-definitions' with media.media_type %}

{%- endif -%}

{% endfor %}

{%- endif -%}

{%- elsif product.images.size < 1 or emptyState -%}
{{ 'product-1' | placeholder_svg_tag: 'placeholder-svg' }}
{%- endif -%}

---

{%- assign showProductProperties = false -%}

{%- if section.settings.show_product_vendor and product.vendor != blank -%}
{%- assign showProductProperties = true -%}
{%- elsif section.settings.show_product_type and product.type != blank -%}
{%- assign showProductProperties = true -%}
{%- elsif section.settings.show_product_sku and sku != blank -%}
{%- assign showProductProperties = true -%}
{%- endif -%}

{%- if showProductProperties -%}

{%- if section.settings.show_product_vendor and product.vendor != blank -%}
- store
  {{ product.vendor }}

{%- endif -%}

{%- if section.settings.show_product_type and product.type != blank -%}
- folder
  {{ product.type }}

{%- endif -%}

{%- if section.settings.show_product_sku -%}
- settings
  SKU: 
  {{ sku }}

{%- endif -%}

{%- endif -%}

# {{ title }}

{%- render "dbtfy-wish-list", type: "button", product: product -%}

{%- unless emptyState -%}
{%- render "review-badge" with product as product, position: "product_page", class: "spacer-bottom" -%}

{%- render "dbtfy-sales-countdown" with product as product, current_variant: current_variant -%}
{%- endunless -%}

{%- if current_variant.inventory_quantity > 0 and current_variant.inventory_management == "shopify" -%}

{%- endif -%}

{% if product.available %}  

{{ price | money }}

{{ compare_at_price | money }}

{%- render "dbtfy-discount-saved" with product as product -%}

{%- capture unit_price_separator -%}
/ {{ 'general.accessibility.unit_price_separator' | t }} 
{%- endcapture -%}

{%- capture unit_price_base_unit -%}

{%- if current_variant.unit_price_measurement -%}
{%- if current_variant.unit_price_measurement.reference_value != 1 -%}
{{- current_variant.unit_price_measurement.reference_value -}}
{%- endif -%}
{{ current_variant.unit_price_measurement.reference_unit }}
{%- endif -%}

{%- endcapture -%}

{{ 'products.general.unit_price' | t }}
{{ current_variant.unit_price | money }}{{- unit_price_separator -}}{{- unit_price_base_unit -}}

{% endif%}  
  
 
{%- if live_view_or_delivery_time and live_view_or_delivery_time_under_price -%}

{%- if settings.dbtfy_live_view_position == 'under_product_price' -%}
{%- render "dbtfy-live-view" -%}
{%- endif -%}

{%- if settings.dbtfy_delivery_time_position == 'under_product_price' -%}
{%- render "dbtfy-delivery-time" -%}
{%- endif -%}

{%- endif -%}

{%- if emptyState -%}

{%- 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 -%}

{%- render "dbtfy-color-swatches" with product as product -%}

{%- 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 -%}
{%- assign is_color_option = false -%}

{%- if content_for_header contains 'debutify' and product.available and product.variants.size >= 1 and settings.dbtfy_color_swatches -%}
{%- assign swatch_list = settings.dbtfy_color_swatches_color | split: "," -%}

{%- for swatch in swatch_list -%}
{%- assign swatch_option_name = swatch | handleize -%}
{%- assign option_name = option.name | handleize -%}
{%- if option_name == swatch_option_name -%}
{%- assign is_color_option = true -%}
{% endif %}
{%- endfor -%}
{%- endif -%}

{% assign first_option_value = current_variant.options[forloop.index0] | escape %}

{%- if section.settings.product_selector == 'radio' -%}

{%- else -%}

{%- endif -%}

{%- endfor -%}

{%- endunless -%}

{%- assign hide_quantity_box = true -%}

{%- if section.settings.quantity_enabled or settings.dbtfy_quantity_breaks or settings.dbtfy_inventory_quantity -%}
{%- assign hide_quantity_box = false -%}
{%- endif -%}

{%- if section.settings.quantity_enabled or settings.dbtfy_quantity_breaks or settings.dbtfy_inventory_quantity -%}

{%- assign quantity_id = 'product-' | append: product.id -%}

{%- if section.settings.quantity_enabled or settings.dbtfy_quantity_breaks -%}

{%- endif -%}

{%- render "dbtfy-inventory-quantity", product: product -%}

{%- if section.settings.quantity_enabled -%}
{%- render "quantity-selector", type: "product", id: quantity_id -%}
{%- elsif settings.dbtfy_quantity_breaks -%}

{%- endif -%}

{%- endif -%}

{%- if settings.enable_payment_button -%}
{{ form | payment_button }}
{%- endif -%}

{%- endform -%}
{%- endif -%}

{%- render "dbtfy-trust-badge", position: "product_page" -%}

{%- if live_view_or_delivery_time and live_view_or_delivery_time_under_button -%}

{%- if settings.dbtfy_live_view_position == 'under_add_to_cart_button' -%}
{%- render "dbtfy-live-view" -%}
{%- endif -%}

{%- if settings.dbtfy_delivery_time_position == 'under_add_to_cart_button' -%}
{%- render "dbtfy-delivery-time" -%}
{%- endif -%}

{%- endif -%}

{%- if product_tabs_position == "under_addtocart" or product_tabs_position == "above_description" and product_description_position == "under_addtocart" -%}
{%- render "dbtfy-product-tabs" with product as product, class: 'spacer-top' -%}
{%- endif -%}

{%- if product_description_position == "under_addtocart" and has_description -%}

{{ product.description }}

{%- endif -%}

{%- if product_tabs_position == "under_description" and product_description_position == "under_addtocart" -%}
{%- unless has_description -%}
{%- assign tab_spacing_class = "spacer-top" -%}
{%- endunless -%}

{%- render "dbtfy-product-tabs" with product as product, class: tab_spacing_class-%}
{%- endif -%}

{%- render "dbtfy-social-discount", type: "button" -%}

{%- render "social-sharing", share_button: "btn btn-square-xsmall", container_class: "spacer-top" -%}

{%- if section.settings.show_product_tags and product.tags.size > 0 -%}

- local_offer
  {{ 'blogs.article.tags' | t }}

{%- for tag in product.tags -%}
- {{ tag }}

{%- endfor -%}

{%- endif -%}

{%- if section.settings.show_product_collections and product.collections.size > 0 -%}

- layers
  {{ 'collections.general.catalog_title' | t }}

{%- for collection in product.collections -%}
- {{ collection.title }}

{%- endfor -%}

{%- endif -%}

{%- if section.settings.show_full_details and request.page_type == 'index' -%}

{{ 'products.product.full_details' | t }}
arrow_forward

{%- endif -%}

{%- render "dbtfy-sticky-addtocart" with product as product, current_variant: current_variant -%}

{%- if show_info_section -%}

{%- if product_tabs_position == "separate_section" or product_tabs_position == "above_description" and product_description_position == "separate_section" -%}
{%- render "dbtfy-product-tabs" with product as product -%}
{%- endif -%}

{%- if product_description_position == "separate_section" and has_description -%}

{{ product.description }}

{%- endif -%}

{%- if product_tabs_position == "under_description" and product_description_position == "separate_section" -%}
{%- render "dbtfy-product-tabs" with product as product -%}
{%- endif -%}

{%- endif -%}

{%- render "dbtfy-addtocart-animation" -%}

{%- unless emptyState -%}

{%- endunless -%}

[geeza]

thank that one has worked on the product page.

[geeza]

how can I do the product did page and the grid on the homepage?

many thanks

[dmwwebartisan]

please share snippets/product-grid-item.liquid file code .

[geeza]

{% assign has_color_swatches = false %}

{%- if content_for_header contains ‘debutify’ and settings.dbtfy_color_swatches -%}
{%- if settings.dbtfy_color_swatches_grid != blank -%}
{%- if product.available and product.variants.size > 1 -%}
{% assign has_color_swatches = true %}
{%- endif -%}
{%- endif -%}
{%- endif -%}

{%- if emptyState -%}
{%- assign product_link = ‘/admin/products’ -%}
{%- 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 variant = product.first_available_variant -%}
{%- assign product_link = product.url | within: collection -%}
{%- assign vendor = product.vendor -%}
{%- assign title = product.title -%}

{% if has_color_swatches %}
{%- assign compare_at_price = variant.compare_at_price -%}
{%- assign price = variant.price -%}
{% else %}
{%- assign compare_at_price = product.compare_at_price -%}
{%- assign price = product.price -%}
{% endif %}
{%- endif -%}

{%- if compare_at_price > price -%}
{%- assign on_sale = true -%}
{%- else -%}
{%- assign on_sale = false -%}
{%- endif -%}

{%- if product.available or emptyState -%}
{%- assign sold_out = false -%}
{%- else -%}
{%- assign sold_out = true -%}
{%- endif -%}

{%- if settings.grid_product_hover and product.images.size > 1 -%}
{%- assign image_hover = true -%}
{%- else -%}
{%- assign image_hover = false -%}
{%- endif -%}

{%- assign variant = product.selected_or_first_available_variant -%}

{%- if product.images != blank -%}

{%- if image_hover -%}

{%- endif -%} {%- elsif product.images.size < 1 or emptyState -%} {{ 'product-' | append: current | placeholder_svg_tag: 'card-image placeholder-svg' }} {%- endif -%}

{%- unless settings.tag_placement == ‘none’ -%}
{%- if sold_out -%}

watch_later

{{ ‘products.product.sold_out_html’ | t }}


{%- elsif on_sale -%}
{%- capture saved_amount -%}
{%- if settings.sale_type == ‘amount’ -%}
{{ compare_at_price | minus: price | money }}
{%- elsif settings.sale_type == ‘percentage’ -%}
{{ compare_at_price | minus: price | times: 100 | divided_by: compare_at_price }}%
{%- endif -%}
{%- endcapture -%}

local_offer

{{ ‘products.general.save_html’ | t: saved_amount: saved_amount }}


{%- endif -%}
{%- endunless -%}

{%- unless emptyState -%}
{%- render “dbtfy-quick-view” with product as product -%}
{%- render “dbtfy-wish-list” with product as product -%}
{%- endunless -%}

{%- unless emptyState -%}
{%- render “dbtfy-collection-addtocart” with product as product, sold_out: sold_out -%}
{%- endunless -%}

{%- if has_color_swatches -%} {%- render "dbtfy-color-swatches" with product as product, type: 'product_grid' -%} {%- endif -%}

{{ title }}

{%- if settings.review_badge_product_grid -%}
{%- unless emptyState -%}
{%- render ‘review-badge’ with product as product, position: ‘product_grid’ -%}
{%- endunless -%}
{%- endif -%}

<span class=“price-regular{% if on_sale %} on-sale text-secondary{% endif %}”
{% if on_sale %}
aria-label=“{{ ‘products.general.sale_price’ | t }}”
{% else %}
aria-label=“{{ ‘products.general.regular_price’ | t }}”
{% endif %}>
{%- if product.price_varies and emptyState == false -%}
{{ product.price_min | money }}+
{%- else -%}
{{ price | money }}
{%- endif -%}

{%- if on_sale -%}
{{ compare_at_price | money }}
{%- else -%}

{%- endif -%}

{%- if variant.available and variant.unit_price_measurement -%}
{%- capture unit_price_separator -%}
/ {{ ‘general.accessibility.unit_price_separator’ | t }} 
{%- endcapture -%}

{%- capture unit_price_base_unit -%}

{%- if variant.unit_price_measurement.reference_value != 1 -%}
{{- variant.unit_price_measurement.reference_value -}}
{%- endif -%}
{{ variant.unit_price_measurement.reference_unit }}

{%- endcapture -%}

{{ ‘products.general.unit_price’ | t }}
{{ variant.unit_price | money }}{{- unit_price_separator -}}{{- unit_price_base_unit -}}

{%- endif -%}

{%- if settings.grid_product_vendor -%}

{{ vendor }}

{%- endif -%}

[dmwwebartisan]

@geeza

please replace following code & check collection and other page

{% assign has_color_swatches = false %}

{%- if content_for_header contains 'debutify' and settings.dbtfy_color_swatches -%}
{%- if settings.dbtfy_color_swatches_grid != blank -%}
{%- if product.available and product.variants.size > 1 -%}
{% assign has_color_swatches = true %}
{%- endif -%}
{%- endif -%}
{%- endif -%}

{%- if emptyState -%}
{%- assign product_link = '/admin/products' -%}
{%- 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 variant = product.first_available_variant -%}
{%- assign product_link = product.url | within: collection -%}
{%- assign vendor = product.vendor -%}
{%- assign title = product.title -%}

{% if has_color_swatches %}
{%- assign compare_at_price = variant.compare_at_price -%}
{%- assign price = variant.price -%}
{% else %}
{%- assign compare_at_price = product.compare_at_price -%}
{%- assign price = product.price -%}
{% endif %}
{%- endif -%}

{%- if compare_at_price > price -%}
{%- assign on_sale = true -%}
{%- else -%}
{%- assign on_sale = false -%}
{%- endif -%}

{%- if product.available or emptyState -%}
{%- assign sold_out = false -%}
{%- else -%}
{%- assign sold_out = true -%}
{%- endif -%}

{%- if settings.grid_product_hover and product.images.size > 1 -%}
{%- assign image_hover = true -%}
{%- else -%}
{%- assign image_hover = false -%}
{%- endif -%}

{%- assign variant = product.selected_or_first_available_variant -%}

{%- if product.images != blank -%}

{%- if image_hover -%}

{%- endif -%}
{%- elsif product.images.size < 1 or emptyState -%}
{{ 'product-' | append: current | placeholder_svg_tag: 'card-image placeholder-svg' }}
{%- endif -%}

{%- unless settings.tag_placement == 'none' -%}
{%- if sold_out -%}

watch_later

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

{%- elsif on_sale -%}
{%- capture saved_amount -%}
{%- if settings.sale_type == 'amount' -%}
{{ compare_at_price | minus: price | money }}
{%- elsif settings.sale_type == 'percentage' -%}
{{ compare_at_price | minus: price | times: 100 | divided_by: compare_at_price }}%
{%- endif -%}
{%- endcapture -%}

local_offer

{{ 'products.general.save_html' | t: saved_amount: saved_amount }}

{%- endif -%}
{%- endunless -%}

{%- unless emptyState -%}
{%- render "dbtfy-quick-view" with product as product -%}
{%- render "dbtfy-wish-list" with product as product -%}
{%- endunless -%}

{%- unless emptyState -%}
{%- render "dbtfy-collection-addtocart" with product as product, sold_out: sold_out -%}
{%- endunless -%}

{%- if has_color_swatches -%}
{%- render "dbtfy-color-swatches" with product as product, type: 'product_grid' -%}
{%- endif -%}

{{ title }}

{%- if settings.review_badge_product_grid -%}
{%- unless emptyState -%}
{%- render 'review-badge' with product as product, position: 'product_grid' -%}
{%- endunless -%}
{%- endif -%}

{% if product.available %}  

{%- if product.price_varies and emptyState == false -%}
{{ product.price_min | money }}+
{%- else -%}
{{ price | money }}
{%- endif -%}

{%- if on_sale -%}
{{ compare_at_price | money }}
{%- else -%}

{%- endif -%}

{%- if variant.available and variant.unit_price_measurement -%}
{%- capture unit_price_separator -%}
/ {{ 'general.accessibility.unit_price_separator' | t }} 
{%- endcapture -%}

{%- capture unit_price_base_unit -%}

{%- if variant.unit_price_measurement.reference_value != 1 -%}
{{- variant.unit_price_measurement.reference_value -}}
{%- endif -%}
{{ variant.unit_price_measurement.reference_unit }}

{%- endcapture -%}

{{ 'products.general.unit_price' | t }}
{{ variant.unit_price | money }}{{- unit_price_separator -}}{{- unit_price_base_unit -}}

{%- endif -%}

 {% endif%} 
  

{%- if settings.grid_product_vendor -%}

{{ vendor }}

{%- endif -%}

[geeza]

AMAZING!!! thank you!!!

[dmwwebartisan]

@geeza

If helpful then please Like and Accept Solution.

Thanks!