Меню

Серия 17: Подготовка шаблона каталога к верстке

Просмотров: 10142
Это архивное видео. В принципе вся информация актуальна, но рекомендуется смотреть новую версию:
Разработка проекта на 1С-Битрикс

Так как типовые шаблоны каталога, идущие в комплекте с 1С-Битрикс, устроены достаточно тяжело и избыточно, в рамках текущего магазина. Применяем упрощенный шаблон, без файла стилей- только с основными данными, для дальнейшей работы
Рассматриваю внутреннее устройство и логику работы комплексного компонента каталога.

Модуль "Купить в один клик" из Битрикс маркетплейс
Скачать упрощенные шаблоны каталога Битрикс:

Дополнительные файлы

Предыдущая серия Следующая серия

Все серии

Все комментарии: Оставить комментарий
Михаил Базаров 24.02.2018
Цитата
Илья написал:
Михаил, здравствуйте!

С прошедшим праздником!)

Подскажите в какой папке находится верстка каталога? В этой серии в Вашем шаблоне simple есть три папки:
 catalog.element  catalog.section  catalog.section.list
 А в папке, которую можно скачать из 20 серии, в шаблоне simple только две папки: element и section.list

Получается верстка каталога находится уже вне этого шаблона? Не очень понял почему так. Поясните, пожалуйста.Спасибо.
Раздел каталога в catalog.section - один глобально на весь сайт. Почему оно так- в 20ой серии и пояснил
Илья 24.02.2018
Цитата
Михаил Базаров пишет:
Цитата
Илья написал:
Михаил, здравствуйте!

С прошедшим праздником!)

Подскажите в какой папке находится верстка каталога? В этой серии в Вашем шаблоне simple есть три папки:
catalog.element catalog.section catalog.section.list
А в папке, которую можно скачать из 20 серии, в шаблоне simple только две папки: element и section.list

Получается верстка каталога находится уже вне этого шаблона? Не очень понял почему так. Поясните, пожалуйста.Спасибо.
Раздел каталога в catalog.section - один глобально на весь сайт. Почему оно так- в 20ой серии и пояснил
Спасибо большое за ответ! Обязательно пересмотрю
Валерий Недоносков 26.11.2018
Михаил здравствуйте.
Подскажите на версии вашего шаблона возможно реализовать вывод цен в торговом предложении одной ценой (минимальной, сейчас в карточке товара они выходят все) и переключение данных цен в карточке товара при выборе свойст SKU данного товара? Весь этот функционал работает в новых шаблонах, но как вы и говорили они слишком сложны для верстки и перегружены.
Михаил Базаров 26.11.2018
Цитата
Валерий Недоносков написал:
Михаил здравствуйте.
Подскажите на версии вашего шаблона возможно реализовать вывод цен в торговом предложении одной ценой (минимальной, сейчас в карточке товара они выходят все) и переключение данных цен в карточке товара при выборе свойст SKU данного товара? Весь этот функционал работает в новых шаблонах, но как вы и говорили они слишком сложны для верстки и перегружены.
Да, эти шаблоны пока без поддержки SKU. Чуть позже. в будущем буду переделывать/доделывать на поддержку предложений.
Антон Даренский 12.03.2019
Михаил, здраствуйте. Скачал архив simple, установил, но в настройках шаблона компонента отсутствует поле "Свойства", а у Вас они есть, почему? Не хватает файла .parameters.php?
Артём Пушкарский 02.09.2019
Здравствуйте, как можно скрывать сайдбар на странице детального просмотра карточки товара при использовании комплексного каталога?
Михаил Базаров 02.09.2019
Цитата
Артём Пушкарский написал:
Здравствуйте, как можно скрывать сайдбар на странице детального просмотра карточки товара при использовании комплексного каталога?
Вывести его в section.php, так что бы не было в element.php
iphonevalera21@icloud.com 25.10.2019
Добрый день, Михаил. Подскажите пожалуйста, а как быть в том случае если у меня порядок расположения по верстке идут следующим образом: количество, цена, кнопка купить. В вашем шаблоне simple (то что из видео урока) все  в одной куче.

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

Сильно благодарен вашим видео урокам!


ВОТ МОЯ ВЕРСТКА:
Код
<div class="cardtov-quantity">
                  <div class="cardtov-quantity__left"><b>Количество:</b></div>
                  <div class="cardtov-quantity__btn cardtov-quantity__right">
                     <button><b>-</b></button>
                     <span>4</span>
                     <button>+</button>
                  </div>
              </div>
              
              <!-- price -->
              <div class="price">
                    <div class="cardtov-price">
                       <span><b>Цена за штуку от</b></span>
                       <h3 class="price-new">1,35</h3><span><b>руб.</b></span>
                       <h3 class="price-old">8,5</h3><span><b>руб.</b></span>
                       <div id="ct-question" data-description="Количество товара Вы всегда можете отредактировать в корзине. Окончательная стоимость товара после обработки заказа менеджером" style="display: inline-block"><img src="img/product-info-icon.png" alt="question" ></div>
                    </div>
              </div>
              
              <div class="cardtov-price__left">
                 <button type="button" class="card-btn d-flex justify-content-center align-items-center cardtov-price__left">
                  <img src="img/cart-white-icon.png" alt="trash">
                  <p>Купить</p>
               </button>
              </div>
              <div class="cardtov-price__right">
                 <a href="#"><b>Купить в 1 клик</b></a>
                 <div class="card-like" title="Добавить в избранное." style=" display: inline-block;">
              </div>
               
            </div>
Михаил Базаров 25.10.2019
Цитата
iphonevalera21@icloud.com написал:
Добрый день, Михаил. Подскажите пожалуйста, а как быть в том случае если у меня порядок расположения по верстке идут следующим образом: количество, цена, кнопка купить. В вашем шаблоне simple (то что из видео урока) все  в одной куче.

Просто переставьте блоки местами, так как нужно по верстке- да и все
iphonevalera21@icloud.com 25.10.2019
Михаил Базаров, извините пожалуйста. Очень прошу Вас не могли бы вы мне помочь в этом сверстать эти 3 блока, а то я уже 2 день пытаюсь и да всю ночь не сплю с этим мучаюсь. Да и кнопка плюс минус вроде работают, но при нажатии страница перезагружается.

Или хотя бы проставить все настройки, а значения я сам добавлю.
Код
<div class="cardtov-quantity">
                  <div class="cardtov-quantity__left"><b>Количество:</b></div>
                  <div class="cardtov-quantity__btn cardtov-quantity__right">
                     <button><b>-</b></button>
                     <span>4</span>
                     <button>+</button>
                  </div>
              </div>
              
              <!-- price -->
              <div class="price">
                    <div class="cardtov-price">
                       <span><b>Цена за штуку от</b></span>
                       <h3 class="price-new">1,35</h3><span><b>руб.</b></span>
                       <h3 class="price-old">8,5</h3><span><b>руб.</b></span>
                       <div id="ct-question" data-description="Количество товара Вы всегда можете отредактировать в корзине. Окончательная стоимость товара после обработки заказа менеджером" style="display: inline-block"><img src="img/product-info-icon.png" alt="question" ></div>
                    </div>
              </div>
              
              <div class="cardtov-price__left">
                 <button type="button" class="card-btn d-flex justify-content-center align-items-center cardtov-price__left">
                  <img src="img/cart-white-icon.png" alt="trash">
                  <p>Купить</p>
               </button>
              </div>