Перейти к содержимому


Фотография
- - - - -

Внешнее оформление корзины на сайте


Сообщений в теме: 9

#1 Вадим Барзилович

Вадим Барзилович

Отправлено 27 April 2016 - 08:14

Коллеги, день добрый. Возник такой момент, установил модуль  JBZoo- cart  вывел на сайте, обновил страницу сайта, и получается, что корзина есть на сайте но она внешнее не оформлена, то есть нет иконки, границ, и т д. Просто два слова ВАША КОРЗИНА и ниже слово КОРЗИНА ПУСТА. Просмотрел настройки модуля ничего не нашёл чтобы настроить внешнее оформление. Подскажите, какие моменты я упустил ? Заранее спасибо.


  • 0

#2 Cheren-dow

Cheren-dow

Отправлено 27 April 2016 - 12:13

здравствуйте Вадим Барзилович, JBZoo как конструктор контента не навязывает своих стилей, поэтому уникального оформления вы и не видите. Разве что выбрать шаблоны uikit или bootstrap - в  этом случае модуль применит стили выбранного фремворка. Что касается кастомизации, шаблоны корзины расположены в:

\modules\mod_jbzoo_basket\tmpl

Для оформления корзины, отличного от  дефолтного , вам необходимо писать CSS стили в любом из файлов стилей которые подключены на сайте. Или же в файле стилей самой корзины:

modules\mod_jbzoo_basket\assets\less\cart-module.less

  • 0
Изображение
 

#3 Вадим Барзилович

Вадим Барзилович

Отправлено 27 April 2016 - 13:22

 

здравствуйте Вадим Барзилович, JBZoo как конструктор контента не навязывает своих стилей, поэтому уникального оформления вы и не видите. Разве что выбрать шаблоны uikit или bootstrap - в  этом случае модуль применит стили выбранного фремворка. Что касается кастомизации, шаблоны корзины расположены в:

\modules\mod_jbzoo_basket\tmpl

Для оформления корзины, отличного от  дефолтного , вам необходимо писать CSS стили в любом из файлов стилей которые подключены на сайте. Или же в файле стилей самой корзины:

modules\mod_jbzoo_basket\assets\less\cart-module.less

Подскажите, как применить данные шаблоны uikit \ bootstrap ? Где именно они лежат ? Заранее спасибо!


  • 0

#4 Cheren-dow

Cheren-dow

Отправлено 27 April 2016 - 13:36

как применить данные шаблоны uikit \ bootstrap ? Где именно они лежат ? Заранее спасибо!

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

y3a6_200x0.png

Больших изменений не будет. Разве что стили кнопок и граница изображения товара будет в стиле указанного шаблона. 


  • 0
Изображение
 

#5 Вадим Барзилович

Вадим Барзилович

Отправлено 27 April 2016 - 14:04

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

y3a6_200x0.png

Больших изменений не будет. Разве что стили кнопок и граница изображения товара будет в стиле указанного шаблона. 

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


  • 0

#6 Cheren-dow

Cheren-dow

Отправлено 27 April 2016 - 14:19

а когда корзина полностью пустая, то внешне также осталось без изменений ( просто надпись  Ваша корзина). 

Путь до шаблонов я вам указал выше. Можете его открыть и изменить под свои нужны. А так же добавить свои CSS стили.


  • 0
Изображение
 

#7 Вадим Барзилович

Вадим Барзилович

Отправлено 27 April 2016 - 15:26

Путь до шаблонов я вам указал выше. Можете его открыть и изменить под свои нужны. А так же добавить свои CSS стили.

Спасибо буду пробовать!


  • 0

#8 Вадим Барзилович

Вадим Барзилович

Отправлено 27 April 2016 - 16:25

Путь до шаблонов я вам указал выше. Можете его открыть и изменить под свои нужны. А так же добавить свои CSS стили.

Подскажите, возможно ли сделать такую корзину как на данном сайте - http://medspaseky.ru/Чтоб также при нажатии всплывало окно с заказом и т д ? Заранее благодарю!


  • 0

#9 Cheren-dow

Cheren-dow

Отправлено 27 April 2016 - 18:48

Подскажите, возможно ли сделать такую корзину как на данном сайте - http://medspaseky.ru/Чтобтакже при нажатии всплывало окно с заказом и т д ? Заранее благодарю!

Это можно сделать только своими силами, добавив JS код скрытия/открытия блока с заказами. 


  • 0
Изображение
 

#10 Slava-SeVeN

Slava-SeVeN

Отправлено 27 January 2017 - 19:17

Подскажите, возможно ли сделать такую корзину как на данном сайте - http://medspaseky.ru/Чтоб также при нажатии всплывало окно с заказом и т д ? Заранее благодарю!

 

 

 

Как вариант: берем с демо сайта "sale of files" ( который доступен по подписке "Maximum+") шаблон для корзины под названием "Games", который находится по пути: .../media/zoo/applications/jbuniversal/templates/ и копируем папку GAMES по такому же пути на свой сайт.

 

Далее файл "games.php" который находится по этому пути: .../modules/mod_jbzoo_basket/tmpl/games.php  копируем в свой сайт

 

После этого в админке, в модуле корзины надо выбрать "Альтернативный макет - games" и получится что то вроде:

 

Возможно это не самое верное решение но оно работает) останется лишь немного поправить CSS если будет необходимость)

Прикрепленные изображения

  • Снимок экрана 2017-01-27 в 20.57.49.png
  • Снимок экрана 2017-01-27 в 20.58.06.png

  • 1




Click to return to top of page in style!