استضافة اوبن كارت

قوالب مميزة من ثيم فوريست

انتقل الى منصة اوبن كارت

تعديل قالب اقسام الموقع فظهر بشكل غير احترافي

مناقشات واستفسارات عامة وأخبار اصدارات متجر اوبن كارت
أضف رد جديد
SNAFY
مشاركات: 17
اشترك في: الاثنين أغسطس 31, 2015 10:45 pm

تعديل قالب اقسام الموقع فظهر بشكل غير احترافي

مشاركة بواسطة SNAFY » الجمعة يوليو 12, 2019 3:04 pm

سلام عليكم

حاول تعديل القالب تصفح الهاتف النقال اقسام الموقع

فظهر بشكل غير احترافي

صورة

الكود المعدل

كود: تحديد الكل

{% if categories %}
<div class="container">
  <nav id="menu" class="navbar">
    <div class="navbar-header"><span id="category" class="visible-xs">{{ text_category }}</span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
    </div>
    <div class=>
    
      <ul class="nav navbar-nav">
        {% for category in categories %}ََ
        {% if category.children %}
        <li class="dropdown"><a href="{{ category.href }}" class="dropdown-toggle" data-toggle="dropdown">{{ category.name }}</a>
          <div class="dropdown-menu">
            <div class="dropdown-inner"> {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
              <ul class="list-unstyled">
                {% for child in children %}
                <li><a href="{{ child.href }}">{{ child.name }}</a></li>
                {% endfor %}
              </ul>
              {% endfor %}</div>
            <a href="{{ category.href }}" class="see-all">{{ text_all }} {{ category.name }}</a> </div>
        </li>
        {% else %}
        <li><a href="{{ category.href }}">{{ category.name }}</a></li>
        {% endif %}
        {% endfor %}
      </ul>
    </div>
  </nav>
</div>
{% endif %} 
ارغب بظهور القائمة مباشرة بشكل صحيح بنفس هذه الصورة \
صورة
الكود الاساسي


كود: تحديد الكل

{% if categories %}
<div class="container">
  <nav id="menu" class="navbar">
    <div class="navbar-header"><span id="category" class="visible-xs">{{ text_category }}</span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
    </div>
    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav">
        {% for category in categories %}
        {% if category.children %}
        <li class="dropdown"><a href="{{ category.href }}" class="dropdown-toggle" data-toggle="dropdown">{{ category.name }}</a>
          <div class="dropdown-menu">
            <div class="dropdown-inner"> {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
              <ul class="list-unstyled">
                {% for child in children %}
                <li><a href="{{ child.href }}">{{ child.name }}</a></li>
                {% endfor %}
              </ul>
              {% endfor %}</div>
            <a href="{{ category.href }}" class="see-all">{{ text_all }} {{ category.name }}</a> </div>
        </li>
        {% else %}
        <li><a href="{{ category.href }}">{{ category.name }}</a></li>
        {% endif %}
        {% endfor %}
      </ul>
    </div>
  </nav>
</div>
{% endif %} 

اعقل مجنون
مشاركات: 21
اشترك في: الاثنين يوليو 08, 2019 3:02 am

Re: تعديل قالب اقسام الموقع

مشاركة بواسطة اعقل مجنون » السبت يوليو 13, 2019 1:23 am

كود: تحديد الكل

{% if categories %}
<div class="container">
  <nav id="menu" class="navbar">
    <div class="navbar-header"><span id="category" class="visible-xs">{{ text_category }}</span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
    </div>
    <div class="navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav">
        {% for category in categories %}
        {% if category.children %}
        <li class="dropdown"><a href="{{ category.href }}" class="dropdown-toggle" data-toggle="dropdown">{{ category.name }}</a>
          <div class="dropdown-menu">
            <div class="dropdown-inner"> {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
              <ul class="list-unstyled">
                {% for child in children %}
                <li><a href="{{ child.href }}">{{ child.name }}</a></li>
                {% endfor %}
              </ul>
              {% endfor %}</div>
            <a href="{{ category.href }}" class="see-all">{{ text_all }} {{ category.name }}</a> </div>
        </li>
        {% else %}
        <li><a href="{{ category.href }}">{{ category.name }}</a></li>
        {% endif %}
        {% endfor %}
      </ul>
    </div>
  </nav>
</div>
{% endif %} 

هذا كل شيء


حررت بواسطة اعقل مجنون 1440/11/10

SNAFY
مشاركات: 17
اشترك في: الاثنين أغسطس 31, 2015 10:45 pm

Re: تعديل قالب اقسام الموقع

مشاركة بواسطة SNAFY » السبت يوليو 13, 2019 10:33 am

شكرا ً جزيلاً

أضف رد جديد