Name: Universe Point
Price: 1499 EGP
Availability: InStock
Rating: 5 (1 reviews)

Triple 888 is your ultimate destination for modern men’s fashion. Discover everything you need to elevate your style, from trendy clothing and stylish outfits to footwear, accessories, and everyday essentials

triple888

TRPLE 888

Universe Point 

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