Битрикс шаблон карточки товара: Стандартный шаблон карточки товара…Разочарование

Содержание

Настройка с помощью шестеренки Линейка решений INTEC: Universe на редакции Старт/Стандарт / Работа с каталогом / Общие настройки каталога

  • Обычный

  • С изображениями 

  • Использовать быстрый просмотр в каталоге

    При включенной опции на всех видах отображения появляется иконка, при нажатии на которую клиент увидит компонент быстрого просмотра.


    Использовать быстрый просмотр заместо перехода в карточку товара

    При включении данной опции переход в карточку товара осуществляться не будет. Будет только быстрый просмотр при нажатии на товар.

    Отображать нижнюю панель в карточке товара (в мобильной версии)

    Включает в себя название элемента и кнопку «Купить«. Удобно использовать в длинных карточках товара для быстрого доступа к покупке.

    Функционал работает на данных карточках товара и будет внедрен в другие карточки в последующих обновлениях решения.

    Отображать верхнюю панель в карточке товара

    При скролле страницы карточки товара сверху появляется фиксированная панель следующего вида:

    Используется для быстрого доступа к кнопке «купить» и просмотре информации.

    Отображать меню в корне каталога

    Отображать меню в разделах каталога

    Отображать меню в карточке товара

    Добавляет отображение меню в корне и соответствующих разделах каталога.

    Использовать расчет доставки 

    При включенной опции появляется элемент, при нажатии на который открывается всплывающее окно с компонентом расчета доставки.

    Данный функционал присутствует во всех видах кроме шаблона 4.

    Пересчет цены при изменении количества товара 

    Функционал работает следующим образом:

    При нажатии на + или — при изменении количества товара цена изменяется и можно посмотреть общую стоимость сразу же. 

    Это распространяется как на карточку товара так и на все виды списков и быстрый просмотр.

    Отображать форму «Нашли дешевле» 

    При включенной опции появляется элемент, при нажатии на который открывается всплывающее окно с формой обратной связи.




    Расположение элементов в корне каталога 

    Шаблон корня каталога 


    Расположение элементов в разделах каталога 

    Шаблон разделов каталога 

    Данные названия пунктов говорят сами за себя. При помощи них настраивается внешний вид каталога.

    Использовать AJAX при фильтрации каталога 


    При использовании AJAX нет необходимости обновлять каждый раз всю страницу, так как обновляется только ее конкретная часть. В данном случае обновляется каталог с применением фильтрации. Это очень удобно, так как страница не перезагружается. 


    Шаблон фильтра каталога 


    Можно выбрать из доступных шаблонов фильтр, исходя из своих предпочтений.

    Шаблон элементов каталога вида «Список»

    С помощью данных настроек можно выбрать шаблон для вида элементов каталога «Список» исходя из своих предпочтений.

    Данная настройка визуально отображена в шестеренке. Можно выбрать шаблон из предложенных вариантов по своему усмотрению.

    Количество колонок в шаблоне элементов каталога вида «Плитка» на мобильной версии

    На выбор предложено множество шаблонов. Можно выбрать подходящий, исходя из своих предпочтений и тематики сайта.

    Вывести товары из того же раздела в карточке товара- заметка на сайте camouf.ru

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

    Немножко топорный, но все же вполне действенный способ по выводу внутри подробной карточки товара, элементов того же раздела в котором находится сам товар. Может пригодиться для показа блоков «Похожие товары» или «Товары этого бренда», чисто в рекламных целях.

    Иногда, при создании интернет магазина, бывает нужно вывести внутри подробной карточки товара другие товары этого же раздела. Случаев и ситуаций для применения можно придумать много, наиболее очевидные:

    • При создании магазина одежды вывести в карточке блок «Другие юбки (штаны, майки и.т.д)»
    • В магазине бытовой техники вывести товары того же бренда или той же направленности
    • С точки зрения юзабилити и продаж, показать клиентам, пришедшим из поиска сразу в карточку товара, другие товары своего магазина
    • С точки зрения СЕО — это достаточно быстрый способ перелинковать страницы товаров

    Скажу сразу, способ достаточно топорный, но вместе с тем универсальный и быстрый.

    Получится что-то вроде этого:

    Предположим, что у нас уже есть готовый каталог со сверстанным и настроенным шаблоном. Внутри карточек мы хотим сделать точно такой же внешний вид рекомендуемых товаров, как и в элементах раздела основного нашего каталога.

    Выводим в любом месте сайта компонент «Элементы раздела», полностью его настраиваем, верстаем или применяем нужный шаблон и настраиваем на вывод товаров любого раздела нашего каталога. К тому же не забываем настроить ЧПУ таким же образом, как это сделано в основном каталоге.

    Далее забираем весь вывод компонента с помощью просмотра исходного кода:

    Переходим в шаблон нашего каталога к файлу, который содержит в себе вывод детальной карточки товара по пути

    	 /bitrix/templates/ШАБЛОН_САЙТА/components/bitrix/catalog/ШАБЛОН_КАТАЛОГА/element.php
    

    И вставляем скопированный код компонента «Элементы раздела» в самый низ этого файла. После этого все заработает. Убедитесь пройдя в карточку любого товара.

    Единственное что нам осталось — передать символьный код текущего для товара раздела в этот компонент. Иначе во всех товарах будет одно и тоже.

    Можно скопировать catalog.section прямо из комплекcного шаблона, из файла section.php тогда не придется настраивать вывод в ручную, все настройки вывода (инфоблок, внешний вид, цены итд) подтянутся из настроек каталога.

    Находим две строчки:

    	 "SECTION_ID" => "",
    	 "SECTION_CODE" => "",
    

    В них то и передаем либо ID либо CODE текущего раздела

    	 //передаст символьный код
    	 "SECTION_ID" => "",
    	 "SECTION_CODE" => $arResult["VARIABLES"]["SECTION_CODE"],
    
    	 //передаст ID 
    "SECTION_ID" => "$arResult["VARIABLES"]["SECTION_ID"]", "SECTION_CODE" => "",

    Используйте что-то одно, второй должен остаться пустым. Само собой, если у ваших разделов нет SECTION_CODE, то использовать можно только SECTION_ID

    Предыдущая заметка Следующая заметка

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

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

    Юманей

    Погрузитесь в нашу новую коллекцию шаблонов веб-сайтов.

    Погрузитесь в нашу новую коллекцию шаблонов веб-сайтов.

    Станьте свидетелем творчества нового поколения с готовыми шаблонами и наборами пользовательского интерфейса Theme Bitrix с современным оттенком.

    Начало работы

    Шаблоны тенденций

    Просмотр продуктов по программному обеспечению

    Получите множество тем, отфильтрованных по предпочитаемому вами программному обеспечению.

    Битрикс Про

    Чтобы расширить возможности выбора темы, мы представляем версию Битрикс Про. Оставайтесь в курсе!

    Недавно добавленные темы

    Почему стоит выбрать US

    Тема Bitrix учла все важные аспекты перед созданием любого веб-шаблона или комплекта пользовательского интерфейса.

    Open-source

    Тема Битрикс находится в открытом доступе. Он создан для того, чтобы его можно было легко изменять и делиться им.

    Исследования и исполнение

    Детальные исследования и оперативное выполнение позволяют предприятиям использовать лучшее из лучшего.

    Регулярные обновления и исправления ошибок

    Специальная команда круглосуточно и без выходных работает над улучшением пользовательского опыта продуктов Theme Bitrix.

    Подпишитесь на наш еженедельный информационный бюллетень

    Получайте новые продукты, бесплатные подарки и новости на свой почтовый ящик

    Нажимая эту кнопку, я соглашаюсь с тем, что прочитал и принимаю политику конфиденциальности.

    Что говорят наши клиенты

    Прочитайте отзывы наших клиентов, которые сделали у нас счастливые покупки. Эти отзывы всегда мотивировали нас работать лучше.

    Лучший конструктор сайтов, которым я пользовался

    Мне очень нравится тема Bitrix для моего сайта. Дизайн гладкий и современный, и его так легко настроить, чтобы он соответствовал моему бренду. Кроме того, поддержка клиентов находится на высшем уровне. Я очень рекомендую эту тему!

    Рекомендую, если нужен новый веб-сайт

    Как новичок в создании веб-сайтов, я беспокоился о том, чтобы найти настраиваемую тему. Тема Битрикс превзошла мои ожидания в обоих отношениях. Я так рада, что выбрала его для своего сайта.

    Отличные шаблоны и варианты дизайна

    Тема Битрикс полностью преобразила мой сайт. Он не только выглядит профессионально и современно, но и очень прост в навигации. Я получил комплименты по поводу нового дизайна. Настоятельно рекомендую!

    Прост в использовании на всех устройствах

    Я пробовал несколько разных тем для своего сайта, но тема Битрикс, безусловно, лучшая из тех, что я использовал. Варианты настройки безграничны, а служба поддержки всегда быстро помогает мне с любыми проблемами.

    Идеально подходит для профессиональных веб-сайтов

    Я не решался перейти на новую тему для своего сайта, но я так рад, что выбрал тему Bitrix. Процесс прошел гладко, а конечный результат ошеломляет. Мой сайт никогда не выглядел лучше. Спасибо!

    Любите простые варианты настройки!

    Как владелец малого бизнеса, найти доступную тему, которая по-прежнему выглядит профессионально, может быть проблемой. Тема Битрикс идеально подходит для этого. Он доступен по цене, а дизайн на высоте. Я так доволен своим выбором!

    Отличные шаблоны для любого бизнеса

    Не могу сказать ничего хорошего о теме Битрикс. Дизайн красивый, а возможности настройки безграничны. Кроме того, служба поддержки клиентов всегда готова помочь с любыми проблемами или вопросами, которые у меня есть.

    Удобный интерфейс

    Я искал тему, которая выделяла бы мой сайт, и тема Битрикс мне определенно подошла. Дизайн уникален и привлекателен, а возможности настройки безграничны. Я так рад.

    Впечатляющий набор функций

    Наша компания уже много лет использует ИТ-поддержку Битрикс, и у нас остались только положительные впечатления. Их команда всегда быстро реагирует и решает любые проблемы, которые могут у нас возникнуть.

    Первоклассная служба поддержки клиентов

    Мы сотрудничали с Karen’s Event Planning в течение прошлого года и были очень довольны их вниманием к деталям и способностью воплотить наши мероприятия в жизнь. Настоятельно рекомендую!

    дизайнов, тем, шаблонов и графических элементов Битрикс 24 для скачивания на Dribbble

    1. Посмотреть презентацию Dribbble

      Презентация Dribbble

    2. Посмотреть редизайн настольного приложения CRM

      Редизайн настольного приложения CRM

    3. Вид 24,3 / 68,1

      24,3 / 68,1

    4. Посмотреть экран входа в систему от 24 мая

      24 мая Экран входа в систему

    5. Посмотреть статистику за 24 мая

      24 мая Статистика

    6. Посмотреть таблицу цен 24 МАЯ

      Таблица цен 24 МАЯ

    7. Посмотреть рейтинг CRM

      Рейтинг CRM

    8. Просмотр 24 × 24 Набор иконок 💳

      Набор иконок 24 × 24 💳

    9. Посмотреть чат 24 мая

      24 мая Чат

    10. Посмотреть бесплатный редизайн Битрикс24

      Бесплатный редизайн Битрикс24

    11. Посмотреть сценарий от 24 мая

      Сценарий 24 мая

    12. Посмотреть паблик 24 🏦 | Депозитный калькулятор в интернет-банке

      Общественный 24 🏦 | Депозитный калькулятор в интернет-банке

    13. Просмотр экспериментов #24

      Эксперименты #24

    14. Посмотреть 8🏀24

    15. Просмотр Foxbruary 23, 24, 25

      Foxbruary 23, 24, 25

    16. Посмотреть KarelinCC

      КарелинСС

    17. Посмотреть 24

    18. Посмотреть вебинар 1С Битрикс

      Вебинар 1С Битрикс

    19. View #24 Доставка еды — концепция мобильного приложения

      #24 Доставка еды — концепция мобильного приложения

    20. Посмотреть иллюстрацию 24 солнечных терминов

      Изображение 24 солнечных элементов

    21. Посмотреть обложку презентации «24 мая» версия 2

      Обложка для презентации «24 мая» версия 2

    22. Посмотреть снимок экрана 23 сентября 2019 г.

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *