Maks | wif: переверстываю таблицу с рекомендациями на single-product

dev_10_refactoring
parent 3bfdd630b6
commit d35f71c601
  1. 6
      wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-desktop.css
  2. 19
      wp-content/themes/cosmopet/modules/shop/components/single-product/component-template.twig

@ -1077,13 +1077,13 @@ main{
margin-top: 0; margin-top: 0;
} }
.toggle__table--three .toggle-table__block:nth-child(1){ .toggle__table--three .toggle-table__block:nth-child(1){
width: 40%; width: 33%;
} }
.toggle__table--three .toggle-table__block:nth-child(2){ .toggle__table--three .toggle-table__block:nth-child(2){
width: 40%; width: 33%;
} }
.toggle__table--three .toggle-table__block:nth-child(3){ .toggle__table--three .toggle-table__block:nth-child(3){
width: 20%; width: 33%;
} }
.toggle__table--two .toggle-table__block{ .toggle__table--two .toggle-table__block{
width: calc(50% - 20px); width: calc(50% - 20px);

@ -179,6 +179,25 @@
</p> </p>
<div class="toggle__block-content"> <div class="toggle__block-content">
<div class="toggle__content"> <div class="toggle__content">
{# <table class="toggle__table">
<tr>
<th class="toggle-table__title">Россия</th>
<th class="toggle-table__title">Великобритания</th>
<th class="toggle-table__title">Европа</th>
</tr>
<tr>
<td class="toggle-table__item">
<p>34,5</p>
<div class="toggle-table-item__line"></div>
</td>
<td class="toggle-table__item">
<p>34,5</p>
<div class="toggle-table-item__line"></div>
</td>
</tr>
</table> #}
<div class="toggle__table toggle__table--three"> <div class="toggle__table toggle__table--three">
{% if product_meta.feeding_recommendations_table.header %} {% if product_meta.feeding_recommendations_table.header %}
<div class="toggle-table__block"> <div class="toggle-table__block">

Loading…
Cancel
Save