Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Изменить вид таблицы для стандартных атрибутов


gts

Recommended Posts

Подскажите, как изменить вид таблицы для стандартных атрибутов, чтобы было как на картинке в примере? И вторая картинка это то, как отображается сейчас (по умолчанию).

256.jpg

2018-08-02_16-18-28.jpg

Змінено користувачем gts
Надіслати
Поділитися на інших сайтах


9 минут назад, gts сказал:

Подскажите, как изменить вид таблицы для стандартных атрибутов, чтобы было как на картинке в примере? И вторая картинка это то, как отображается сейчас (по умолчанию).

256.jpg

2018-08-02_16-18-28.jpg

 

С помощью стилей можно. Т.е. CSS

Надіслати
Поділитися на інших сайтах

насколько я понял, там в файле bootstrap.min.css находятся настройки этой таблицы (.table-bordered). Что там нужно изменить?

.table-bordered td,.table-bordered th{border:1px solid #ddd!important}
.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px} 

 

.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend

Надіслати
Поділитися на інших сайтах


@gts файлы бутстрапа трогать не нужно
нужно хотябы ссылку скинуть сюда на сайт

 

Надіслати
Поділитися на інших сайтах


11 минут назад, AWARO сказал:

@gts файлы бутстрапа трогать не нужно
нужно хотябы ссылку скинуть сюда на сайт

 

http://люстры-красноярск.рф/index.php?route=product/product&path=59_61&product_id=1946

Надіслати
Поділитися на інших сайтах


24 минуты назад, gts сказал:

да у вас там вообще кашка какая то)

Стилями тут, конечно, можно исхитриться и сделать, но лучше всего - править код вывода характеристик. Т.е. шаблон product.tpl

Надіслати
Поділитися на інших сайтах

4 часа назад, gts сказал:

Подскажите, как изменить вид таблицы для стандартных атрибутов

как у вас заполнены атрибуты?

Больше похоже на то, что каждый заголовок это отдельная группа атрибутов

Надіслати
Поділитися на інших сайтах


3 часа назад, thentru сказал:

как у вас заполнены атрибуты?

Больше похоже на то, что каждый заголовок это отдельная группа атрибутов

Группа атрибутов выделена жирным шрифтов на скрине (Тип товара, Производитель, Стиль, Цвет основания), а сразу под названием группы атрибутов идет значение атрибута.

Надіслати
Поділитися на інших сайтах


15 минут назад, gts сказал:

Группа атрибутов выделена жирным шрифтов на скрине (Тип товара, Производитель, Стиль, Цвет основания), а сразу под названием группы атрибутов идет значение атрибута.

смысл такого заполнения?
группа должна быть общая. Например Общие характеристики
Далее заполняете атрибуты Тип товара, Производитель, Стиль, Цвет основания
И уже в товаре прописываете значения для каждого из атрибутов

 

Сейчас видно, что вместо значений атрибутов у вас выводятся пустые ячейки, т.к. их нет

Змінено користувачем thentru
Надіслати
Поділитися на інших сайтах


Решил вопрос

в product.tpl было 

<?php if ($attribute_groups) { ?>
            <div class="tab-pane" id="tab-specification">
              <table class="table table-bordered">
                <?php foreach ($attribute_groups as $attribute_group) { ?>
                <thead>
                  <tr>
                    <td colspan="2"><strong><?php echo $attribute_group['name']; ?></strong></td>
                  </tr>
                </thead>
                <tbody>
                  <?php foreach ($attribute_group['attribute'] as $attribute) { ?>
                  <tr>
                    <td><?php echo $attribute['name']; ?></td>
                    <td><?php echo $attribute['text']; ?></td>
                  </tr>
                  <?php } ?>
                </tbody>
                <?php } ?>
              </table>
            </div>

заменил на

<?php if ($attribute_groups) { ?>
            <div class="tab-pane" id="tab-specification">
              <table class="table table-bordered">
                <?php foreach ($attribute_groups as $attribute_group) { ?>
                <tbody>
                  <tr>
                    <td><strong><?php echo $attribute_group['name']; ?></strong></td>
                    <?php foreach ($attribute_group['attribute'] as $attribute) { ?>
                    <td><?php echo $attribute['name']; ?></td>
                  </tr>
                  <?php } ?>
                </tbody>
                <?php } ?>
              </table>
            </div>

 

!atr.jpg

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.