Name: CROSS BAG (104067)
Price: 400 EGP
Availability: InStock
Rating: 5 (1 reviews)

تسوقي أحدث صيحات الموضة النسائية مع متجر بيوبيلا (Piubella). نجمع لكِ أرقى الشنط، الشوزات العصرية، الملابس الحريمي، وأفضل مستحضرات التجميل (الكوزمتكس) بجودة عالية وأسعار تنافسية. شحن سريع لجميع المحافظات مع خيارات دفع متعددة ومريحة (كاش، فيزا، انستاباي، فودافون كاش).

piubella

Piubella

CROSS BAG (104067)

اللون

أسود

وردي

نبيتي

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