Убрать под спойлер характеристики в товарах

Всем привет, я новичок сильно не пинайте.
Версия ocStore 3.0.2.0, тема по умолчанию.
Возникла необходимость убрать под спойлер в товарах вкладка характеристики пункт дополнительные характеристики, (это нужно сделать во всех группах товаров)
кто может помочь,самый простым способом , так как мои познания не велики
во вкладке описание есть пример, этого было вполне достаточно, единственное что бы хотелось добавить переключение курсора как при переходе на ссылку.
сайт

 

В шаблоне product.twig внимательно посмотреть где формируются характеристики и как.
Далее делаем проверку по названию группы и формируем свой html

 

Спасибо, не понимаю проверку по названию группы?
код HTML выглядит так (пока не прописывал в product.twig)

Код:

<details>
<thead>
<tr>
<summary style="text-decoration:underline">
<td colspan="2"><strong>Технические характеристики</strong></td>
    </summary>
    </tr>
                </thead>
<tbody>
                                <tr>
                  <td>Разъемы USB</td>
                  <td>Передняя панель: 1x USB 2.0 Задняя панель: 1x USB 2.0</td>
                                 </tr>
                                  </tbody>
                                  </table>
                                  </details>

 

Ну так пропишите. В чем проблема? (только пожалуйста.. не нужно писать.. я начинающий и дайте готовое решение)
Должно быть как то так

Код:

{{ if attribute_group.name == 'доп хар' }}
тут код спойлер
{% else %}
тут код обычный вывод
{% endif %}

все это в текущем цикле.

 

Спасибо, буду работать...)

 

все получилось, но не совсем так как хотелось, таблица убирается полностью под спойллер, а не определенная часть.
Нашел код в сети, но не понимаю куда вписать стиль

Код:

<style>
/* у таблицы может быть любой класс или id */
.table table-bordered a[href^="#all"], .table table-bordered a[href="#close"] {
text-decoration: none;
border-bottom: 1px dashed;
}
/* здесь вся магия, если браузер не поддерживает структурные псевдоклассы, то список будет раскрыт, т.е. доступ к данным сохранится */
[id^="all"] {
position: fixed; /* чтобы страница "не подпрыгивала" к id */
}
[id^="all"]:target + table a[href^="#all"],
[id^="all"]:not(:target) + table tbody tr:nth-of-type(n+4), /* 4 - это порядковый номер tr, после которого строки будут изначально удалены (включительно) */
[id^="all"]:not(:target) + table a[href="#close"] {
display: none;
}
</style>
<!-- таких "сжатых" HTML таблиц может быть сколько угодно. Только не забывайте менять id all1 на all2 или all40 -->
<br id="all1"/><table class="table table-bordered">
<tfoot>
<tr>
<td colspan="3"><a href="#close">свернуть</a><a href="#all1">развернуть</a>
<tbody>
<tr>
<th>Столбец 1
<th>Столбец 2
<th>Столбец 3
<tr>
<th>Строка 1
<td>1.1
<td>1.2
<tr>
<th>Строка 2
<td>2.1
<td>2.2
<tr>
<th>Строка 3
<td>3.1
<td>3.2
<tr>
<th>Строка 4
<td>4.1
<td>4.2
<tr>
<th>Строка 5
<td>5.1
<td>5.2
<tr>
<th>Строка 6
<td>6.1
<td>6.2
<tr>
<th>Строка 7
<td>7.1
<td>7.2
<tr>
<th>Строка 8
<td>8.1
<td>8.2
</table>