Name: Diverse Watch Screen Panseh
Price: 20 EGP
Availability: InStock
Rating: 5 (1 reviews)

mobilehub-eg

MobileHub-eg

Diverse Watch Screen Panseh

<div class="ab-product-desc-root" data-product-desc-root>
  <div class="lq-desc-accordion ab-reveal" data-product-desc-accordion>
    {% assign has_open = false %}

    {% if description != "" %}
      <div class="lq-desc-accordion-item" data-desc-accordion>
        <button
          type="button"
          class="lq-desc-accordion-trigger"
          aria-expanded="false"
          aria-controls="lq-desc-panel-main"
        >
          <span class="lq-desc-accordion-title">{{ description_label }}</span>
          <svg class="lq-desc-accordion-toggle" viewBox="0 0 20 20" fill="none" aria-hidden="true">
            <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
            <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </button>
        <div id="lq-desc-panel-main" class="lq-desc-accordion-panel">
          <div class="lq-desc-accordion-panel-inner">
            <div class="lq-desc-content product_description">
              <div class="ql-editor leading-10" style="text-align:start" dir="auto">{{ description | raw }}</div>
            </div>
          </div>
        </div>
      </div>
      {% assign has_open = true %}
    {% endif %}

    {% for desc in product_theme_data.desc %}
      <div class="lq-desc-accordion-item {% if has_open == false and forloop.first %}ab-open{% endif %}" data-desc-accordion>
        <button
          type="button"
          class="lq-desc-accordion-trigger"
          aria-expanded="{% if has_open == false and forloop.first %}true{% else %}false{% endif %}"
          aria-controls="lq-desc-panel-custom-{{ forloop.index }}"
        >
          <span class="lq-desc-accordion-title">{{ desc.title_headline }}</span>
          <svg class="lq-desc-accordion-toggle" viewBox="0 0 20 20" fill="none" aria-hidden="true">
            <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
            <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </button>
        <div id="lq-desc-panel-custom-{{ forloop.index }}" class="lq-desc-accordion-panel">
          <div class="lq-desc-accordion-panel-inner">
            <div class="lq-desc-content">
              {% if desc.title_desc != "" %}
                <div class="lq-desc-spec-intro ql-editor" dir="auto">{{ desc.title_desc }}</div>
              {% endif %}

              {% assign desc_tab_idx = forloop.index %}
              {% if product_theme_data.desc_spec_rows and product_theme_data.desc_spec_rows.size > 0 %}
                {% assign spec_section_order = "" %}
                {% assign spec_row_prev = "__init__" %}
                {% for row in product_theme_data.desc_spec_rows %}
                  {% assign row_tab = row.tab_index | default: 1 | plus: 0 %}
                  {% if row_tab == desc_tab_idx %}
                    {% assign row_eff = row.section_title %}
                    {% if row_eff == "" and spec_row_prev != "__init__" %}
                      {% assign row_eff = spec_row_prev %}
                    {% endif %}
                    {% if row_eff != "" %}
                      {% assign spec_sec_key = row_eff | prepend: "||" | append: "||" %}
                      {% unless spec_section_order contains spec_sec_key %}
                        {% assign spec_section_order = spec_section_order | append: spec_sec_key %}
                      {% endunless %}
                      {% assign spec_row_prev = row_eff %}
                    {% else %}
                      {% unless spec_section_order contains "||__unnamed__||" %}
                        {% assign spec_section_order = spec_section_order | append: "||__unnamed__||" %}
                      {% endunless %}
                    {% endif %}
                  {% endif %}
                {% endfor %}

                {% assign spec_sections = spec_section_order | split: "||" %}
                {% for spec_section in spec_sections %}
                  {% if spec_section != "" %}
                    {% unless spec_section == "__unnamed__" %}
                      <h3 class="lq-desc-spec-heading">{{ spec_section }}</h3>
                    {% endunless %}
                    <table class="lq-desc-spec-table">
                      <tbody>
                        {% assign spec_row_prev = "__init__" %}
                        {% for row in product_theme_data.desc_spec_rows %}
                          {% assign row_tab = row.tab_index | default: 1 | plus: 0 %}
                          {% if row_tab == desc_tab_idx %}
                            {% assign row_eff = row.section_title %}
                            {% if row_eff == "" and spec_row_prev != "__init__" %}
                              {% assign row_eff = spec_row_prev %}
                            {% endif %}
                            {% assign row_matches = false %}
                            {% if spec_section == "__unnamed__" and row_eff == "" %}
                              {% assign row_matches = true %}
                            {% elsif spec_section != "__unnamed__" and row_eff == spec_section %}
                              {% assign row_matches = true %}
                            {% endif %}
                            {% if row_matches %}
                              {% if row.label != "" or row.value != "" %}
                              <tr class="lq-desc-spec-row">
                                <th scope="row" class="lq-desc-spec-label">{{ row.label }}</th>
                                <td class="lq-desc-spec-value">
                                  <div class="lq-desc-spec-value-inner ql-editor" dir="auto">{{ row.value }}</div>
                                </td>
                              </tr>
                              {% endif %}
                            {% endif %}
                            {% if row.section_title != "" %}
                              {% assign spec_row_prev = row.section_title %}
                            {% elsif row_eff != "" %}
                              {% assign spec_row_prev = row_eff %}
                            {% endif %}
                          {% endif %}
                        {% endfor %}
                      </tbody>
                    </table>
                  {% endif %}
                {% endfor %}
              {% endif %}
            </div>
          </div>
        </div>
      </div>
      {% if has_open == false and forloop.first %}{% assign has_open = true %}{% endif %}
    {% endfor %}

    {% for policy in policies %}
      <div class="lq-desc-accordion-item {% if has_open == false and forloop.first %}ab-open{% endif %}" data-desc-accordion>
        <button
          type="button"
          class="lq-desc-accordion-trigger"
          aria-expanded="{% if has_open == false and forloop.first %}true{% else %}false{% endif %}"
          aria-controls="lq-desc-panel-policy-{{ forloop.index }}"
        >
          <span class="lq-desc-accordion-title">{{ policy.title }}</span>
          <svg class="lq-desc-accordion-toggle" viewBox="0 0 20 20" fill="none" aria-hidden="true">
            <path class="horizontal" d="M3.125 10H16.875" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
            <path class="vertical" d="M10 3.125V16.875" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </button>
        <div id="lq-desc-panel-policy-{{ forloop.index }}" class="lq-desc-accordion-panel">
          <div class="lq-desc-accordion-panel-inner">
            <div class="lq-desc-content">
              <div class="ql-editor leading-10" style="text-align:start" dir="auto">{{ policy.content | raw }}</div>
            </div>
          </div>
        </div>
      </div>
      {% if has_open == false and forloop.first %}{% assign has_open = true %}{% endif %}
    {% endfor %}
  </div>

  <div class="ab-pd-desc-actions">
    <button
      type="button"
      class="ab-pgrid-compare ab-pd-compare"
      data-compare-id=""
      data-desc-compare-clone
      onclick="window.__abCompareToggle(this, event);"
    >
      <span class="ab-pgrid-compare-box"></span>
      <span class="ab-pgrid-compare-label"><span data-ar="أضف للمقارنة">Add to compare</span></span>
    </button>

    <div class="ab-pd-share" data-product-name="{{ product_name }}">
      <span class="ab-pd-share-label"><span data-ar="مشاركة">Share</span>:</span>
      <button class="ab-pd-share-btn" type="button" data-pd-share="copy" aria-label="Copy product link">
        <svg viewBox="0 0 24 24" fill="none" aria-hidden="true">
          <path d="M10.5 13.5a3.5 3.5 0 0 0 4.95 0l2.12-2.12a3.5 3.5 0 1 0-4.95-4.95l-1.06 1.06" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
          <path d="M13.5 10.5a3.5 3.5 0 0 0-4.95 0L6.43 12.62a3.5 3.5 0 1 0 4.95 4.95l1.06-1.06" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
        </svg>
      </button>
      <a class="ab-pd-share-btn" href="#" target="_blank" rel="noopener noreferrer" data-pd-share="facebook" aria-label="Share on Facebook">
        <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
          <path d="M13.5 8.5H15.5V5.5H13.5C11.57 5.5 10 7.07 10 9V11H7.5V14H10V21H13V14H15.5L16 11H13V9.5C13 8.95 13.45 8.5 13.5 8.5Z"/>
        </svg>
      </a>
      <a class="ab-pd-share-btn" href="#" target="_blank" rel="noopener noreferrer" data-pd-share="x" aria-label="Share on X">
        <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
          <path d="M16.2 5.5H18.5L13.9 10.9L19.2 18.5H15.1L11.7 13.8L7.8 18.5H5.5L10.4 12.7L5.3 5.5H9.5L12.5 9.8L16.2 5.5ZM15.3 17.1H16.7L9.2 6.8H7.7L15.3 17.1Z"/>
        </svg>
      </a>
      <a class="ab-pd-share-btn" href="#" target="_blank" rel="noopener noreferrer" data-pd-share="pinterest" aria-label="Share on Pinterest">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M11.0127 15.991C10.4633 18.8238 9.75302 20.8664 7.7685 22.2858C7.15501 18.0058 8.66882 14.7919 9.37065 11.377C8.17267 9.39375 9.51465 5.40051 12.0388 6.38308C15.145 7.59436 9.57276 13.4692 13.4643 14.24C17.5277 15.0435 18.9822 8.10985 16.464 5.5905C12.8242 1.95302 5.57224 5.03749 6.70122 10.1948C7.15621 12.2737 5.60854 12.8654 5.60854 12.8654C4.3549 12.3572 4.23512 10.5977 4.29924 8.88067C4.44324 4.9322 7.90161 2.16721 11.3709 1.78363C15.7586 1.29959 19.8765 3.37002 20.444 7.43584C21.0853 12.0232 18.5478 17.293 13.8551 16.9349C12.5846 16.838 11.0127 15.991 11.0127 15.991Z" fill="currentColor"/>
        </svg>
      </a>
      <a class="ab-pd-share-btn" href="#" target="_blank" rel="noopener noreferrer" data-pd-share="linkedin" aria-label="Share on LinkedIn">
        <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
          <path d="M6.5 9.5H9V19.5H6.5V9.5ZM7.75 5.5C6.78 5.5 6 6.28 6 7.25C6 8.22 6.78 9 7.75 9C8.72 9 9.5 8.22 9.5 7.25C9.5 6.28 8.72 5.5 7.75 5.5ZM11 9.5H13.35V10.95H13.38C13.72 10.35 14.55 9.5 15.85 9.5C18.5 9.5 19 11.35 19 13.85V19.5H16.5V14.35C16.5 13.15 16.48 11.65 14.9 11.65C13.25 11.65 13 12.85 13 14.25V19.5H11V9.5Z"/>
        </svg>
      </a>
    </div>
  </div>
</div>
