«Серия 17: Подготовка шаблона каталога к верстке» - Видеокурс магазин на 1С-Битрикс:

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

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

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

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

Поблагодарить и поддержать!

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

Юманей

Все серии

Комментарии к видео

Все комментарии: Оставить комментарий

Михаил Базаров 24.02.2018

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

Цитата

Илья написал:
Михаил, здравствуйте!

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

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

Получается верстка каталога находится уже вне этого шаблона? Не очень понял почему так. Поясните, пожалуйста.Спасибо.

Раздел каталога в catalog.section - один глобально на весь сайт. Почему оно так- в 20ой серии и пояснил

Илья 24.02.2018

Цитата

Михаил Базаров пишет:

Цитата

Раздел каталога в catalog.section - один глобально на весь сайт. Почему оно так- в 20ой серии и пояснил

Спасибо большое за ответ! Обязательно пересмотрю

Валерий Недоносков 26.11.2018

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

Михаил Базаров 26.11.2018

Цитата
Валерий Недоносков написал: Михаил здравствуйте. Подскажите на версии вашего шаблона возможно реализовать вывод цен в торговом предложении одной ценой (минимальной, сейчас в карточке товара они выходят все) и переключение данных цен в карточке товара при выборе свойст SKU данного товара? Весь этот функционал работает в новых шаблонах, но как вы и говорили они слишком сложны для верстки и перегружены.

Цитата

Валерий Недоносков написал:
Михаил здравствуйте.
Подскажите на версии вашего шаблона возможно реализовать вывод цен в торговом предложении одной ценой (минимальной, сейчас в карточке товара они выходят все) и переключение данных цен в карточке товара при выборе свойст 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>

Код

<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 написал:
Добрый день, Михаил. Подскажите пожалуйста, а как быть в том случае если у меня порядок расположения по верстке идут следующим образом: количество, цена, кнопка купить. В вашем шаблоне 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>

Код

<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>