Я получил решение этой ошибки. Возможно кому-то понадобится (хотя внутренняя линковка важна для SEO, странно, что еще никто не написал об этом...)

Версия темы 1.6.1.

Было:

                        <div class="tech-chars">
                            <table class="tech-chars__list">
                                {foreach shopSeofilterViewHelper::wrapFeatureValues($product.features) as $f_code => $f_value}
                                
                                                   
                                <tr class="tech-chars__row">
                                    {if $features[$f_code].type == 'divider'}
                                    <th class="tech-chars__cell" colspan="2">{$features[$f_code].name|escape}</th>
                                    {else}
                                    <td class="tech-chars__cell">{$features[$f_code].name|escape} {shopFeaturestipsPlugin::ShowFeatureTip($featurestips, $f_code)}</td>
                                    {$_true_params = ["weight", "brand", "model", "width", "height", "depth", "color", "manufacturer"]}
                                    {$_is_good_param = ($f_code|in_array:$_true_params)}
                                    {$_itemprop = ""}
                                    {if $_is_good_param}
                                        {$_itemprop = $f_code}
                                    {/if}
                                    <td class="tech-chars__cell"{if !empty($_itemprop)} itemprop="{$_itemprop|escape}"{/if}>
                                        {if is_array($f_value)}
                                            {if $features[$f_code].type == 'color'}
                                                {foreach $f_value as $color}
                                                <div class="tech-chars__colors"><i style="{$color->style}"></i><span>{$color->value}</span></div>
                                                      
                                                                                                                                    
                            
                                                {/foreach}
                                            {else}
                                                {implode(', ', $f_value)}
                                            {/if}
                                        {else}
                                            {$f_value}
                                        {/if}
                                    </td>
                                    {/if}
                                </tr>
                                {/foreach}
                            </table>
                        </div>

Стало:

                        <div class="tech-chars">
                            <table class="tech-chars__list">
                                {$_features = shopSeofilterViewHelper::wrapFeatureValues($product.features)}
                                
                                {foreach $_features as $f_code => $f_value}
                                <tr class="tech-chars__row">
                                    {if $features[$f_code].type == 'divider'}
                                    <th class="tech-chars__cell" colspan="2">{$features[$f_code].name|escape}</th>
                                    {else}
                                    <td class="tech-chars__cell">{$features[$f_code].name|escape} {shopFeaturestipsPlugin::ShowFeatureTip($featurestips, $f_code)}</td>
                                    {$_true_params = ["weight", "brand", "model", "width", "height", "depth", "color", "manufacturer"]}
                                    {$_is_good_param = ($f_code|in_array:$_true_params)}
                                    {$_itemprop = ""}
                                    {if $_is_good_param}
                                        {$_itemprop = $f_code}
                                    {/if}
                                    <td class="tech-chars__cell"{if !empty($_itemprop)} itemprop="{$_itemprop|escape}"{/if}>
                                        {if is_array($f_value)}
                                            {if $features[$f_code].type == 'color'}
                                                {foreach $f_value as $color_index => $color}
                                                    {$_color_style = $product.features[$f_code][$color_index]->style|default:''}
                                                    <div class="tech-chars__colors">
                                                        {if $_color_style}<i style="{$_color_style}"></i>{/if}{$color}
                                                    </div>
                                                {/foreach}
                                            {else}
                                                {implode(', ', $f_value)}
                                            {/if}
                                        {else}
                                            {$f_value}
                                        {/if}
                                    </td>
                                    {/if}
                                </tr>
                                {/foreach}
                            </table>
                        </div>

Еще раз хочу выразить большое спасибо за данную тему. При правильном подходе - она будет работать даже больше, чем заявляют авторы. Выросли ли у нас продажи? Хм... оборот вырос в два раза. Я не преуменьшаю. А также выросло доверие к сайту и компании. Моё почтение, господа! :)

ПРИ ОБНОВЛЕНИИ - ИЗМЕНЕНИЯ СЛЕТЯТ (НО ЭТО НЕ ТОЧНО :))

В файле по адресу:

/wa-data/public/shop/themes/incart/inc/product.saving.html

Надо заменить все на:

{strip}
{*<div class="cat-item__econom-label is-hidden"><span>[`saving`] </span><span class="saving__percent-value">0%</span></div>*}
{if isset($show_anyway)}
    <div class="item__ecm-lb item__ecm-lb_gv is-hidden"><span class="lb lb_ec">[`saving`] <span class="saving__percent-value">0%</span></span></div>
{else}
    {if $product.compare_price > $product.price && $product.price > 0}
        {$_saving_percent = 0}
        {$_saving_percent = $product.compare_price - $product.price}
        {if $theme_settings.products_show_economy_rounding_type eq 'floor'}
            {$_saving_percent = $_saving_percent|floor}
        {elseif $theme_settings.products_show_economy_rounding_type eq 'ceil'}
            {$_saving_percent = $_saving_percent|ceil}
        {elseif $theme_settings.products_show_economy_rounding_type eq 'round'}
            {$_saving_percent = $_saving_percent|round}
        {/if}
        {if $_saving_percent >= $theme_settings.products_show_economy_min}
            {if isset($without_wrapper)}
                <div class="lb lb_ec">[`saving`] <span class="saving__percent-value">{$_saving_percent} <span class="ruble">ла</span></div>
            {else}
                <div class="item__ecm-lb item__ecm-lb_gv"><span class="lb lb_ec">[`saving`] <span class="saving__percent-value">{$_saving_percent} <span class="ruble">Р</span></span></span></div>
            {/if}
        {/if}
    {/if}
{/if}
{/strip}

Подскажите, а этот класс lazy только для img работает или его можно применять к тегу, допустим, div?

У меня часть изображений вклеена через CSS.

Это конфликт с плагином SEO-фильтр. В 1.5.0 было все гуд.

5. Перелинковка характеристик в карточке товара
В шаблоне product.html найдите вывод характеристик товара такого содержимого:

{foreach $product.features as $f_code => $f_value}
    <tr{if $features[$f_code].type == 'divider'} class="divider"{/if}>
        <td class="name">
            {$features[$f_code].name|escape}
        </td>
        <td class="value" itemprop="{$f_code|escape}">
            {if is_array($f_value)}
                {if $features[$f_code].type == 'color'}
                    {implode('
 ', $f_value)}
                {else}
                    {implode(', ', $f_value)}
                {/if}
            {else}
                {$f_value}
            {/if}
        </td>
    </tr>
{/foreach}
В котором нужно заменить:

 $product.features
на:

shopSeofilterViewHelper::wrapFeatureValues($product.features)

По сути я поменял только это. Это им писать?

Мое мнение такое:

Если смотреть на iMac с 4K дисплеем - все хорошо. Шрифт хорошо сглаживается.

Если смотреть на обычном FullHD IPS мониторе (это на ноуте) - то слишком жирно.

Рекомендую выбрать более простой шрифт.

Но это мое мнение. Решать Вам ;)

У меня на версии 1.5.0 не работает.

Надо сгенерировать font-face в css:

https://cutt.ly/DrUYVTX

Загрузить новые шрифты на сайт. Можно прям через админку. Прописать пути к ним.

В файле user.css нужно добавить строки (если не ошибаюсь, это все упоминания шрифтов в теме), заменив название шрифта на свое:

/** FONTS BEGIN **/
body {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
a {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
input::-webkit-input-placeholder {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
input::-moz-placeholder {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
input:-ms-input-placeholder {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.cat-item__badge-item {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.mfp-wrap .search__input::-webkit-input-placeholder {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.mfp-wrap .search__input::-moz-placeholder {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.mfp-wrap .search__input:-ms-input-placeholder {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.search__input::-webkit-input-placeholder {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.search__input::-moz-placeholder {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.search__input:-ms-input-placeholder {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.mob-tab-button__text {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.submenu__item-li-link {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.horizontal-menu .main-menu__link {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.vertical-menu .mob-tab-button {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.horizontal-menu .main-menu__item + .parent > a {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.mob-sidebar__header-item a {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.sidebar-tags__title {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.bellLight__h {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.blog__menu-text {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.blog__sidebar-mobile-title {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.features__item-title {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.home-cats__item-title {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.slide-cats__title {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.wide-cats__title {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.wide-cats__title {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.home-items__tabs-link {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.color-slider__title {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.color-slider .cat-item__outer .cat-item__add-cart {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.home-brands__title {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.home-news__title {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.item-tags .sidebar-tags__title {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.tippy-tooltip.incart-theme {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.cart-empty__text i {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.checkout__header-link::before {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.success__top-ura {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.account__history-text i {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.cats-grid__title {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.home-feedbacks__title {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.plugin_arrived-custom .plugin_arrived-header span,
.quickorder-custom-form .quickorder-header > span,
.w-dialog-block .quickorder-form [data-quickorder-pfh],
.w-dialog-block .quickorder-form [data-quickorder-cfh] {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.quickorder-form [data-quickorder-cfb] {
    font-family: "PT Sans", Helvetica, sans-serif !important !important;
}
.cart__total [data-quickorder-cb] {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
.uni-btn {
    font-family: "PT Sans", Helvetica, sans-serif !important;
}
/** FONTS END **/

Ну тут просто было. Разобрался. Но вот как сделано в новой теме - конечно топ :) Но так я уже сам не сделаю. Я про "Экономия 8% или 5 880 Р".

Я имел ввиду вместо процентов скидки указывать величину в рублях:

Ну если прям бесплатно и проще (но не с точки зрения использования), то вот:

В файле product.cart.html нужно найти строки типа:

            {else}
                <div class="item-meta__offers" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
                    {$sku = $product.skus[$product.sku_id]}
                    {if $sku.name}<meta itemprop="name" content="{$sku.name|escape}">{/if}
                    <meta itemprop="price" content="{$sku.price}">
                    <meta itemprop="priceCurrency" content="{$product.currency}">
                    {if !$sku.available}
                    <link itemprop="availability" href="https://schema.org/Discontinued" />
                    <div class="item-sidebar__options"><em class="bold error">[`This product is not available for purchase`]</em></div>
                    {elseif !$wa->shop->settings('ignore_stock_count') && !($sku.count === null || $sku.count > 0)}
                    <link itemprop="availability" href="https://schema.org/OutOfStock" />
                    {else}
                    <link itemprop="availability" href="https://schema.org/InStock" />
                    {/if}
                    <input name="sku_id" type="hidden" value="{$product.sku_id}">
                    {$product_available = $product.status && $sku.available && ($wa->shop->settings('ignore_stock_count') || $sku.count === null || $sku.count > 0)}
                </div>
            {/if}

После них добавить:

                {foreach $product.params.sizeselection as $p}
                <div class="sizeselection">
                <div style="color: #999; font-size: 13px; margin-bottom: 10px;">Выберите размер:</div>
                <div>{$product.params.sizeselection}</div>
                </div>
                {/foreach}

CSS стили для этого блока вот:

.sizeselection {
    text-align: center;
}
.sizeselection a {
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-weight: 800;
}
.sizeselection span {
    background: #f0f0f0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    padding: 5px 10px;
    border-radius: 5px;
    float: left;
    cursor: pointer;
}
.sizeselection span {
    background: #f0f0f0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    border-radius: 5px;
    float: left;
    cursor: pointer;
    padding: 5px 10px;
}
.sizeselection .active {
    border: 2px solid #3baddf;
}
.sizeselection a:hover {
    border: 2px solid #3baddf;
}

Далее в карточке товара надо во вкладке Описание и SEO в самом низу найти поле ввода данных Дополнительные параметры. В него вставить:

sizeselection=<a title="[не обязательно, но при наведении будет всплывать подсказка]" href="[ссылка на цвет]" class="active"><span>400 л</span></a> <a title="[не обязательно, но при наведении будет всплывать подсказка] href="[ссылка на цвет]"><span>500 л</span></a>

Получится вот так:

class="active" при добавлении к ссылке отвечает за подсветку текущего размера.

Есть плагин, не помню как называется, с доп полями, там можно запилить это же, но будет немного проще, но помню я чекал - в итоге особой разницы в простоте не будет.

Да, это муторно, но у меня много времени не заняло.

Делается это элементарно.

1. Создаешь характеристику к товару. Задаешь ей id типа "priceperquantity".

2. Прописываешь во всех товарах в данном случае количество, допустим 50.

3. Открываешь файл list-thumbs.html. Находишь там строку:

{shop_currency_html($p.price)}

И добавляешь после неё (таких строк там две):

{shop_currency_html($p.price)} / {$wa->shop->product($p.id)->features['priceperquantity']} г

Вот и всё. Получится вот так:

Спасибо! Идеальное решение. Я так понимаю в этом случае игнорируются куки пользователя после перезагрузки страницы, даже если он выбрал иной формат отображения.

Для чего я вообще это спросил. Сейчас нам делают плагин подбора комплектов под авто, а там для конкретной модели не более 5-6 вариантов. И расположив их в "подробном" формате на странице будет выглядеть более закончено, чем плитками. Тем более на оф. сайте сделано по такому же принципу:

А вот в категории, где товара много, конечно листать даже 10-15 карточек в "подробном" формате отображения долго и не удобно. Там как раз в виде "плиток".

Спасибо! Помогли очень!

Спасибо! Приятно слышать такое :)

У меня просьба, ну или как смотрите сами. Вы указали в магазине WA ссылку на thbag.ru. Я бы поменял на этот магазин. Тот тоже сделан с правками, но с ним не понятно пока. А autovojage.ru - это основной наш магаз, и там все самое свежее в дизайне. Я ещё планирую карточки товара сделать более живыми. Так что этот магаз будет более актуален для показа. Спасибо

Все, это моя ошибка. Случайно стер {else}.

Последний момент :) Я не помню, был вроде вопрос такой, но не нашел на форуме. Можно в отдельной категории выводить товар в формате подробный, а в остальных плитками?

Может пригодится.

Вот пример адаптивной таблицы:

Вот HTML:

<table class="garantiya" style="margin-bottom: 30px;">
  <thead>
    <tr>
      <th scope="col">Категория товара</th>
      <th scope="col">2-летняя гарантия Thule Guarantee</th>
      <th scope="col">Thule Extended Warranty</th>
      <th scope="col">Общее количество лет</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td data-label="Категория товара">Крепления для велосипедов</td>
      <td data-label="2-летняя гарантия Thule Guarantee">Да</td>
      <td data-label="Thule Extended Warranty">+ 3 года</td>
      <td data-label="Общее количество лет">5 лет</td>
    </tr>
    <tr>
      <td scope="row" data-label="Категория товара">Боксы и корзины</td>
      <td data-label="2-летняя гарантия Thule Guarantee">Да</td>
      <td data-label="Thule Extended Warranty">+ 3 года</td>
      <td data-label="Общее количество лет">5 лет</td>
    </tr>
    <tr>
      <td scope="row" data-label="Категория товара">Багажники и крепления на крышу</td>
      <td data-label="2-летняя гарантия Thule Guarantee">Да</td>
      <td data-label="Thule Extended Warranty">+ 3 года</td>
      <td data-label="Общее количество лет">5 лет</td>
    </tr>
    <tr>
      <td scope="row" data-label="Категория товара">Крепления для водного спортивного снаряжения</td>
      <td data-label="2-летняя гарантия Thule Guarantee">Да</td>
      <td data-label="Thule Extended Warranty">+ 3 года</td>
      <td data-label="Общее количество лет">5 лет</td>
    </tr>
  </tbody>
</table>

Вот CSS:

<style type="text/css">
table.garantiya {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.garantiya tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table.garantiya th,
table.garantiya td {
  padding: .625em;
  text-align: center;
}

table.garantiya th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  table.garantiya {
    border: 0;
  }
.blog__article table td {
  border: none;
}
  table.garantiya thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.garantiya tr {
    display: block;
    margin-bottom: .625em;
  }
  
  table.garantiya td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table.garantiya td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.garantiya td:last-child {
    border-bottom: 0;
  }
}

</style>

Не затестил до конца сразу. Работает при отображении плиткой и списком. А в подробном, где есть в наличии - задваивает, а где "Нет в наличии" - вообще не выводит :(

Все получилось, спасибо!

Это Ваша тема, просто она немного изменена в дизайне :)

Плавающая корзина на скриншотах - это из-за расширения в Chrome - оно так скролит и захватывает :)

Добрый день!

Эта проблема так и осталась. Это отголосок от сообщения по "Фотогаллереи от WA". Ждать правок в этом направлении?

Добрый день! В соседней теме задал подобный вопрос. И вот что я понял, установив это приложение Фото от WA.

То, что это ничего из себя не представляет более как фотопоток с альбомами - больше я ничего не увидел. Единственное, что там реализовано - это lightbox для фото. И все.

Для чего нужна фотогалерея мне. Привожу на конкретном своем примере.

У меня есть очень много фотографий готовых установок багажных систем на автомобили. Мне надо их разбить вот в таком порядке:

Марка (BMW) -> Модель (5-series) -> Модификация, год и т.д. (5-series, F10, 2009 год и т.п.)

Выше я привел вложенность страниц, то есть дерево. На последней странице что я должен разместить помимо фото? Правильно, тот товар, который установлен на автомобиль. Я же не личный блог веду, а показываю то, что я реализую. И потенциальный покупатель хочет же узнать, сколько это все стоит, и наверное хочет сразу найти ссылки на этот товар. Но что же еще я должен разместить на этой странице? Правильно - особенности и нюансы установки, которые могут возникнуть в конкретном случае. А также возможно материал для СЕО и т.п.

То есть Вы уже понимаете ход моих мыслей?

Что я делаю, используя базовый функционал приложения Shop-Script? Иду во вкладку "Страницы" и начинаю создавать страницы. Беру уже давно встроенную разметку Flexbox Grid, которая по моему мнению идеально подходит для SS из-за ее простоты и использования лишь только CSS, разбиваю страницу на 6 колонок. Беру понравившийся мне CSS пример по отображению миниатюр и делаю так на все марки. Всё, страница с марками готова. Подобным образом я иду дальше и дальше и дохожу до последней страницы. И размещаю там то, что написал выше.

Итак. Что я имею на выходе - полностью созданную мной галерею с тем, что нужно именно мне и требует от меня СЕО-аналитик.

А теперь вопрос. Какими усилиями я должен был бы это реализовать в приложении Фото? Вот поэтому, моё мнение, проще уже сделать нормальный плагин/приложение для SS с тем функционалом, который хотят многие. И я вообще не вижу смысла в этой галерее от WA. Ну только если кошечек и собачек своих постить в интернет магазине :)

У меня все.

С Вами был, Алекс А.С.

Спасибо, я запомнил :)

Не в тему сейчас, но мне для завершения своего магазина нужна галерея. Есть в планах? Или я тогда буду делать в формате блога/страниц. Я просто уже все сделал. Сейчас мелочи по сео остались. А фото полно. И их надо выкладывать. Удалите тогда после ответа, а то флуд.

Возможно для кого-то будет полезно, если нет - удалите.

Есть плагин для редактора Notepad++ - называется Compare plugin for Notepad++.

Перед обновлением сохраняю все измененные файлы с их названиями. Далее обновляю тему с полным сбросом. И уже далее открываете сначала ранее сохраненный файл с изменениями и создаете в новой вкладке пустой и вставляете туда оригинал файла после сброса. А плагин покажет все изменения, которые легко перенести. У меня при измененных 31 файле на это уходит 20-30 минут.

Если пост что-то нарушает - удалите :)

Отправил Вам.

https://prnt.sc/m710r6

Я заменил CSS с демо через админку. На скриншоте результат.

https://vk.cc/8UN1VD

Я сбросил product.html и убрал весь user.css (main.css и скрипты я не менял) - ничего не изменилось.

Я сравнил css кнопки в демо и у себя - он разный:

https://vk.cc/8Uy2KV

А могли бы подсказать, какой шаблон отвечает за вывод этих кнопок. У меня такая же проблема. Я обновился с полным сбросом и потом отдельно вносил изменения.

А можно пример на работе этого плагина в данной теме?

Такой плагин есть магазине Webasyst:

https://vk.cc/8RtJs6

Стоимость: 599 рублей.

Предлагаю создать группу в Telegram O_o

А если серьёзно. В какой половине дня ждать 1.5 10 декабря?

И вопрос не по теме - что за скроллинг с мобильника? Можно сделать обычный? Листать до последнего сообщения целая история

1. Из плагинов только SEO и пару мелочей, типа карта сайта и управление доп. параметрами. Также обзор 360. Других не вижу вообще смысла ставить, может только кому по доставке нужно и т.п. А украшательства - по мне так лучше самому сделать под свои желания. И главное для меня - меньше креатива. Люди привыкли уже к однотипным сайтам крупных ритейлеров. Обратите внимание на новый, продвигаемый Яндексом и Сбером, их магазин Беру. Сама тема идеально вписывается в эти тенденции. Единственное, на моем сайте шапка черная, чтобы соответствовать производителю и его стилю.

2. Хостинг *не реклама :)*:

https://vk.cc/8MPL8c (тариф с бейджом "лучший выбор", не важно, что он для 1С)

3. "Ускоритель сайтов" (глупое название, но он так серьезно называется)):

https://vk.cc/8MPM0l

Мини обзор: https://vk.cc/8MPN37

4. На сайте: меню, блоки на главной, изображения в категориях и на страницах в шапке - сам клепал по различным примерам. Разметка на страницах - Flexbox Grid.