Телеграм:@camouf_ruПочта:mihail@bazarow.ru
ЛетоОсеньЗимаВесна

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

Просмотров: 7394

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

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

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

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


Все серии

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

sav02.02.2018
Вы в начале видео копируйте системный шаблон каталога для последующих модификаций. Но у меня копируются почему то не все папки, а именно папки catalog.element, catalog.section и catalog.top не создаются в папке catalog_new/bitrix. Подскажете с чем это связано?
strify_2502.02.2018
Михаил, здравствуйте. Расскажите пожалуйста, как сделать вывод свойств торговых предложений с возможностью переключения этих свойств как в стандартном шаблоне. Особенно, если свойств несколько. Заранее спасибо
Илья24.02.2018
Михаил, здравствуйте!

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

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

Получается верстка каталога находится уже вне этого шаблона? Не очень понял почему так. Поясните, пожалуйста.Спасибо.
Михаил Базаров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.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> 
Михаил Базаров25.10.2019
Цитата
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>