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

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

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

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

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

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

Все серии

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

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

sav02.02.2018

Вы в начале видео копируйте системный шаблон каталога для последующих модификаций. Но у меня копируются почему то не все папки, а именно папки catalog.element, catalog.section и catalog.top не создаются в папке catalog_new/bitrix. Подскажете с чем это связано?

strify_2502.02.2018

Михаил, здравствуйте. Расскажите пожалуйста, как сделать вывод свойств торговых предложений с возможностью переключения этих свойств как в стандартном шаблоне. Особенно, если свойств несколько. Заранее спасибо

Илья24.02.2018

Михаил, здравствуйте!

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

Подскажите в какой папке находится верстка каталога? В этой серии в Вашем шаблоне simple есть три папки:

catalog.element
catalog.section
catalog.section.list

А в папке, которую можно скачать из 20 серии, в шаблоне simple только две папки: element и section.list

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

Михаил Базаров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.com25.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.com25.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>