Bilder der Kollektion anklickbar machen

Deutsch Diskussion Technische Fragen & Antworten
,
1

Wir verwenden in unserem Shopfy-Shop das Refresh-Theme. Ist es möglich, dass in einer Kollektionsliste jeweils auch noch die ganze Beschreibung dargestellt wird? Welche Anpassungen müssten wir hierzu am Code vornehmen?

2

@swissuser2024 du kannst dazu in der card-product.liquid (unter Snippets) folgende Liquid-Variable einsetzen:

{{ card_product.description }}

Die genaue Platzierung sowie die entsprechend CSS Anpassung ist natürlich euch überlassen :wink:

3

OK. Vielen Dank für deine Antwort. Herzlichen Dank. An welcher Stelle im Code würdest du dies integrieren?

Show More 

{%- if card_product.featured_media -%}

{% comment %}theme-check-disable ImgLazyLoading{% endcomment %} {% comment %}theme-check-enable ImgLazyLoading{% endcomment %} {%- if card_product.media[1] != null and show_secondary_image -%} {%- endif -%}

{%- endif -%}
### {{ card_product.title | escape }} 
{%- if card_product.available == false -%} {{- 'products.product.sold_out' | t -}} {%- elsif card_product.compare_at_price > card_product.price and card_product.available -%} {{- 'products.product.on_sale' | t -}} {%- endif -%}

### {{ card_product.title | escape }} {%- if show_vendor -%} {{ 'accessibility.vendor' | t }}
{{ card_product.vendor }}
{%- endif -%} {{ block.settings.description | escape }} {%- if show_rating and card_product.metafields.reviews.rating.value != blank -%} {% liquid assign rating_decimal = 0 assign decimal = card_product.metafields.reviews.rating.value.rating | modulo: 1 if decimal >= 0.3 and decimal <= 0.7 assign rating_decimal = 0.5 elsif decimal > 0.7 assign rating_decimal = 1 endif %}

{{- card_product.metafields.reviews.rating.value }} / {{ card_product.metafields.reviews.rating.value.scale_max -}} 

({{ card_product.metafields.reviews.rating_count }}) {{- card_product.metafields.reviews.rating_count }} {{ 'accessibility.total_reviews' | t -}} 

{%- endif -%} {% render 'price', product: card_product, price_class: '', show_compare_at_price: true %} {%- if card_product.quantity_price_breaks_configured? -%} {% if card_product.variants.size == 1 and quick_add == 'bulk' %} {% liquid assign quantity_rule = card_product.selected_or_first_available_variant.quantity_rule assign has_qty_rules = false if quantity_rule.increment > 1 or quantity_rule.min > 1 or quantity_rule.max != null assign has_qty_rules = true endif %} {% endif %} {%- endif -%}

{% if quick_add == 'standard' %}{%- liquid assign product_form_id = 'quick-add-' | append: section_id | append: card_product.id assign qty_rules = false if card_product.selected_or_first_available_variant.quantity_rule.min > 1 or card_product.selected_or_first_available_variant.quantity_rule.max != null or card_product.selected_or_first_available_variant.quantity_rule.increment > 1 assign qty_rules = true endif -%} {%- if card_product.variants.size > 1 or qty_rules -%} {%- else -%} {%- endif -%}
{% elsif quick_add == 'bulk' %} {% if card_product.variants.size == 1 %} {% else %}{%- liquid assign product_form_id = 'quick-add-' | append: section_id | append: card_product.id assign qty_rules = false if card_product.selected_or_first_available_variant.quantity_rule.min > 1 or card_product.selected_or_first_available_variant.quantity_rule.max != null or card_product.selected_or_first_available_variant.quantity_rule.increment > 1 assign qty_rules = true endif -%} 
{% endif %} {% endif %}{%- if card_product.available == false -%} {{- 'products.product.sold_out' | t -}} {%- elsif card_product.compare_at_price > card_product.price and card_product.available -%} {{- 'products.product.on_sale' | t -}} {%- endif -%}

{%- else -%} {%- liquid assign ratio = 1 if media_aspect_ratio == 'portrait' assign ratio = 0.8 endif -%}

{%- if placeholder_image -%} {{ placeholder_image | placeholder_svg_tag: 'placeholder-svg' }} {%- else -%} {{ 'product-apparel-2' | placeholder_svg_tag: 'placeholder-svg' }} {% endif %}

### {{ 'onboarding.product_title' | t }} {%- if show_vendor -%} {{ 'accessibility.vendor' | t }}
{{ 'products.product.vendor' | t }}
{%- endif -%} {% render 'price', show_compare_at_price: true %}

{%- endif -%} ```
4

OK. Vielen Dank für deine Antwort. Herzlichen Dank. An welcher Stelle im Code würdest du dies integrieren? Siehe angefügte Datei.