Name: شنطة سوداء
Price: 875 EGP
Availability: InStock
Rating: 5 (1 reviews)

piubella

Piubella

شنطة سوداء

{% assign has_desc = false %}
{% if description != '' %}
  {% assign has_desc = true %}
{% endif %}
{% assign description_content = description | replace: ' ', ' ' | replace: '&nbsp;', ' ' | replace: '&#160;', ' ' %}

{% assign desc_count = 0 %}
{% if product_theme_data and product_theme_data.desc %}
  {% for _d in product_theme_data.desc %}
    {% assign desc_count = desc_count | plus: 1 %}
  {% endfor %}
{% endif %}

{% if has_desc %}
  {% assign policy_start = 1 | plus: desc_count %}
{% else %}
  {% assign policy_start = desc_count %}
{% endif %}

{% if product_theme_data and product_theme_data.pd_info_cards and product_theme_data.pd_info_cards.size > 0 %}
<div class="ab-pd-extras">
  <div class="ab-pd-info-grid">
    {% for card in product_theme_data.pd_info_cards %}
      {% if card.title != blank or card.description != blank %}
        <div class="ab-pd-info-card">
          {% if card.title and card.title != '' %}
            <p class="ab-pd-info-title">{{ card.title }}</p>
          {% endif %}
          {% if card.description and card.description != '' %}
            <p class="ab-pd-info-desc">{{ card.description }}</p>
          {% endif %}
        </div>
      {% endif %}
    {% endfor %}
  </div>
</div>
{% endif %}

<div class="lq-desc-wrap">
  <div class="lq-desc-desktop">
    <div class="lq-desc-tabs-nav" role="tablist" aria-label="{{ description_label }}">
      {% if has_desc %}
        <button
          class="lq-desc-tab is-active"
          type="button"
          role="tab"
          aria-selected="true"
          aria-controls="lq-desc-panel-0"
          id="lq-desc-tab-0"
          data-tab-target="lq-desc-panel-0"
        >
          {{ description_label }}
        </button>
      {% endif %}

      {% if product_theme_data and product_theme_data.desc %}
        {% for desc in product_theme_data.desc %}
          {% if has_desc %}
            {% assign tidx = forloop.index %}
          {% else %}
            {% assign tidx = forloop.index0 %}
          {% endif %}
          <button
            class="lq-desc-tab{% if has_desc == false and forloop.first %} is-active{% endif %}"
            type="button"
            role="tab"
            aria-selected="{% if has_desc == false and forloop.first %}true{% else %}false{% endif %}"
            aria-controls="lq-desc-panel-{{ tidx }}"
            id="lq-desc-tab-{{ tidx }}"
            data-tab-target="lq-desc-panel-{{ tidx }}"
          >
            {{ desc.title_headline }}
          </button>
        {% endfor %}
      {% endif %}

      {% for policy in policies %}
        {% assign tab_idx = policy_start | plus: forloop.index0 %}
        <button
          class="lq-desc-tab{% if has_desc == false and desc_count == 0 and forloop.first %} is-active{% endif %}"
          type="button"
          role="tab"
          aria-selected="{% if has_desc == false and desc_count == 0 and forloop.first %}true{% else %}false{% endif %}"
          aria-controls="lq-desc-panel-{{ tab_idx }}"
          id="lq-desc-tab-{{ tab_idx }}"
          data-tab-target="lq-desc-panel-{{ tab_idx }}"
        >
          {{ policy.title }}
        </button>
      {% endfor %}
    </div>

    <div class="lq-desc-tabs-panels">
      {% if has_desc %}
        <div class="lq-desc-tabpanel is-active" role="tabpanel" id="lq-desc-panel-0" aria-labelledby="lq-desc-tab-0">
          <div class="lq-desc-content product_description">
            <div class="lq-desc-body ql-editor" style="text-align:start" dir="auto">{{ description_content | raw }}</div>
          </div>
        </div>
      {% endif %}

      {% if product_theme_data and product_theme_data.desc %}
        {% for desc in product_theme_data.desc %}
          {% assign desc_content = desc.title_desc | replace: ' ', ' ' | replace: '&nbsp;', ' ' | replace: '&#160;', ' ' %}
          {% if has_desc %}
            {% assign pidx = forloop.index %}
          {% else %}
            {% assign pidx = forloop.index0 %}
          {% endif %}
          <div
            class="lq-desc-tabpanel{% if has_desc == false and forloop.first %} is-active{% endif %}"
            role="tabpanel"
            id="lq-desc-panel-{{ pidx }}"
            aria-labelledby="lq-desc-tab-{{ pidx }}"
          >
            <div class="lq-desc-content">{{ desc_content | raw }}</div>
          </div>
        {% endfor %}
      {% endif %}

      {% for policy in policies %}
        {% assign policy_content = policy.content | replace: ' ', ' ' | replace: '&nbsp;', ' ' | replace: '&#160;', ' ' %}
        {% assign panel_idx = policy_start | plus: forloop.index0 %}
        <div
          class="lq-desc-tabpanel{% if has_desc == false and desc_count == 0 and forloop.first %} is-active{% endif %}"
          role="tabpanel"
          id="lq-desc-panel-{{ panel_idx }}"
          aria-labelledby="lq-desc-tab-{{ panel_idx }}"
        >
          <div class="lq-desc-content">{{ policy_content | raw }}</div>
        </div>
      {% endfor %}
    </div>
  </div>

  <div class="lq-desc-mobile">
    <div class="lq-desc-accordion">
      {% if description != '' %}
        <div class="lq-desc-item" data-open="false">
          <button class="lq-desc-toggle" type="button" aria-expanded="false">
            <span class="lq-desc-toggle-title">{{ description_label }}</span>
            <svg class="lq-desc-toggle-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
          </button>
          <div class="lq-desc-panel">
            <div class="lq-desc-content product_description">
              <div class="lq-desc-body ql-editor" style="text-align:start" dir="auto">{{ description_content | raw }}</div>
            </div>
          </div>
        </div>
      {% endif %}

      {% if product_theme_data and product_theme_data.desc %}
        {% for desc in product_theme_data.desc %}
          {% assign desc_content = desc.title_desc | replace: ' ', ' ' | replace: '&nbsp;', ' ' | replace: '&#160;', ' ' %}
          <div
            class="lq-desc-item"
            data-open="false"
          >
            <button
              class="lq-desc-toggle"
              type="button"
              aria-expanded="false"
            >
              <span class="lq-desc-toggle-title">{{ desc.title_headline }}</span>
              <svg class="lq-desc-toggle-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
            </button>
            <div class="lq-desc-panel">
              <div class="lq-desc-content">{{ desc_content | raw }}</div>
            </div>
          </div>
        {% endfor %}
      {% endif %}

      {% for policy in policies %}
        {% assign policy_content = policy.content | replace: ' ', ' ' | replace: '&nbsp;', ' ' | replace: '&#160;', ' ' %}
        <div
          class="lq-desc-item"
          data-open="false"
        >
          <button
            class="lq-desc-toggle"
            type="button"
            aria-expanded="false"
          >
            <span class="lq-desc-toggle-title">{{ policy.title }}</span>
            <svg class="lq-desc-toggle-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg>
          </button>
          <div class="lq-desc-panel">
            <div class="lq-desc-content">{{ policy_content | raw }}</div>
          </div>
        </div>
      {% endfor %}
    </div>
  </div>
</div>
