optimize cart drawer

main
alexanderroese 2024-07-14 16:58:00 +02:00
parent 55511f6ceb
commit dd9f48eb89
1 changed files with 38 additions and 33 deletions

View File

@ -217,40 +217,46 @@
or item.properties.size != 0
or item.selling_plan_allocation != null
-%}
{% if item.product.tags contains "shx-texte" %}
<details id="Details-collapsible_row_4Mjp9U-template--22918251282708__collapsible_content_6VWmhQ">
<summary id="Summary-collapsible_row_4Mjp9U-template--22918251282708__collapsible_content_6VWmhQ" role="button" aria-expanded="false" aria-controls="CollapsibleAccordion-collapsible_row_4Mjp9U-template--22918251282708__collapsible_content_6VWmhQ">
<h3 class="accordion__title inline-richtext h4">
Eigenschaften
</h3>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></svg>
</summary>
<div class="accordion__content rte" id="CollapsibleAccordion-collapsible_row_4Mjp9U-template--22918251282708__collapsible_content_6VWmhQ" role="region" aria-labelledby="Summary-collapsible_row_4Mjp9U-template--22918251282708__collapsible_content_6VWmhQ">
{%- for property in item.properties -%}
{%- assign property_first_char = property.first | slice: 0 -%}
{%- if property.last != blank and property_first_char != '_' -%}
<div class="product-option">
<dt>{{ property.first }}:</dt>
<dd>
{%- if property.last contains '/uploads/' -%}
<a
href="{{ property.last }}"
class="link"
target="_blank"
aria-describedby="a11y-new-window-message"
>
{{ property.last | split: '/' | last }}
</a>
{%- else -%}
{{ property.last }}
{%- endif -%}
</dd>
</div>
{%- endif -%}
{%- endfor -%}
</div>
</details>
{% endif %}
<dl>
{%- if item.product.has_only_default_variant == false -%}
<script>
console.log("item.product_type", {{ item.product | json }}, {{ item.options_with_values | json }})
</script>
{% if item.product.tags contains "shx-texte" %}
<details id="Details-collapsible_row_RRqw3t-template--22918251282708__collapsible_content_6VWmhQ" style="" open="">
<summary id="Summary-collapsible_row_RRqw3t-template--22918251282708__collapsible_content_6VWmhQ" role="button" aria-expanded="false" aria-controls="CollapsibleAccordion-collapsible_row_RRqw3t-template--22918251282708__collapsible_content_6VWmhQ">
<h3 class="accordion__title inline-richtext h4">
Optionen
</h3>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></svg>
</summary>
<div class="accordion__content rte" id="CollapsibleAccordion-collapsible_row_RRqw3t-template--22918251282708__collapsible_content_6VWmhQ" role="region" aria-labelledby="Summary-collapsible_row_RRqw3t-template--22918251282708__collapsible_content_6VWmhQ">
{%- for option in item.options_with_values -%}
<script>
console.log("loop option", {{ option | json }})
</script>
<div class="product-option">
<dt>{{ option.name }}:</dt>
<dd>
{{ option.value -}}
{%- unless forloop.last %}, {% endunless %}
</dd>
</div>
{%- endfor -%}
</div>
</details>
{% endif %}
{%- for option in item.options_with_values -%}
<div class="product-option">
<dt>{{ option.name }}:</dt>
@ -266,7 +272,6 @@
{%- assign property_first_char = property.first | slice: 0 -%}
{%- if property.last != blank and property_first_char != '_' -%}
<div class="product-option">
<h5>here</h5>
<dt>{{ property.first }}:</dt>
<dd>
{%- if property.last contains '/uploads/' -%}