Телеграм:@camouf_ruПочта:mihail@bazarow.ru

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

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

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

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

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

Все серии

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

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

Просто переставьте блоки местами, так как нужно по верстке- да и все
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> 
Михаил Базаров 02.09.2019
Цитата
Артём Пушкарский написал:
Здравствуйте, как можно скрывать сайдбар на странице детального просмотра карточки товара при использовании комплексного каталога?
Вывести его в section.php, так что бы не было в element.php
Артём Пушкарский 02.09.2019
Здравствуйте, как можно скрывать сайдбар на странице детального просмотра карточки товара при использовании комплексного каталога?
Антон Даренский 12.03.2019
Михаил, здраствуйте. Скачал архив simple, установил, но в настройках шаблона компонента отсутствует поле "Свойства", а у Вас они есть, почему? Не хватает файла .parameters.php?
Михаил Базаров 26.11.2018
Цитата
Валерий Недоносков написал:
Михаил здравствуйте.
Подскажите на версии вашего шаблона возможно реализовать вывод цен в торговом предложении одной ценой (минимальной, сейчас в карточке товара они выходят все) и переключение данных цен в карточке товара при выборе свойст SKU данного товара? Весь этот функционал работает в новых шаблонах, но как вы и говорили они слишком сложны для верстки и перегружены.
Да, эти шаблоны пока без поддержки SKU. Чуть позже. в будущем буду переделывать/доделывать на поддержку предложений.
Валерий Недоносков 26.11.2018
Михаил здравствуйте.
Подскажите на версии вашего шаблона возможно реализовать вывод цен в торговом предложении одной ценой (минимальной, сейчас в карточке товара они выходят все) и переключение данных цен в карточке товара при выборе свойст SKU данного товара? Весь этот функционал работает в новых шаблонах, но как вы и говорили они слишком сложны для верстки и перегружены.
Илья 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ой серии и пояснил
Илья 24.02.2018
Михаил, здравствуйте!

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

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

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