Jump to content


Photo
- - - - -

Внешний вид карточки товара в виде Grid Layout

карточка товара анимация teaser grid layout

6 replies to this topic

#1 Maksim Buyanov

Maksim Buyanov
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 115
  • topics: 37

Posted 23 April 2016 - 10:53

Здравствуйте мне нужно отредактировать внешний вид карточки товара на странице Teaser в виде Grid Layout (колонки в 4 ряда). Я хочу изменить :

1. Убрать текст с области тени при наведении.

2. Сделать анимацию карточки товара как в магазине http://demo.jbzoo.com/#phones/

3. Уменьшить размеры тени, чтобы тень появлялась только над картинкой

 

Подскажите рецепт как это сделать?
Какие файлы за это отвечают, их расположение?

 

Attached Thumbnails

  • Grid2.JPG

  • 0

#2 Art-Pavluk

Art-Pavluk
  • JBZoo User (rus)
  • User rate: 1.8
  • posts: 124
  • topics: 25

Posted 23 April 2016 - 14:22

Здравствуйте мне нужно отредактировать внешний вид карточки товара на странице Teaser в виде Grid Layout (колонки в 4 ряда). Я хочу изменить :

1. Убрать текст с области тени при наведении.

2. Сделать анимацию карточки товара как в магазине http://demo.jbzoo.com/#phones/

3. Уменьшить размеры тени, чтобы тень появлялась только над картинкой

 

Подскажите рецепт как это сделать?
Какие файлы за это отвечают, их расположение?

Вы знакомы с html, css и хотя бы минимум php.?

в помощь Вам total commander и Firebug. 

Если у Вас нет минимум знаний в выше перечисленном тогда лучше наймите специалиста. 

JBZoo это конструктор а не готовое решение.


  • 1

#3 13LTD

13LTD
  • JBZoo User (rus)
  • User rate: 4.6
  • posts: 200
  • topics: 36

Posted 23 April 2016 - 14:38

Вы знакомы с html, css и хотя бы минимум php.?

в помощь Вам total commander и Firebug. 

Если у Вас нет минимум знаний в выше перечисленном тогда лучше наймите специалиста. 

JBZoo это конструктор а не готовое решение.

психанул?)))


  • 1

#4 laRus

laRus
  • JBZoo User (rus)
  • User rate: 60
  • posts: 1334
  • topics: 31

Posted 23 April 2016 - 14:46

психанул?)))
почему это?  (wonder) 

Абсолютно верно сказано:

Если у Вас нет минимум знаний в выше перечисленном тогда лучше наймите специалиста.  JBZoo это конструктор а не готовое решение.
И вполне корректно при этом!  ;)

 

Успехов ВСЕМ!  :)


  • 0
..minimum effort for maximum effect? - Oh yeah! It's good!..

#5 Art-Pavluk

Art-Pavluk
  • JBZoo User (rus)
  • User rate: 1.8
  • posts: 124
  • topics: 25

Posted 23 April 2016 - 14:47

психанул?)))

Не ну в самом деле, все думаю возьму Jbzoo демо сайт и на нем у меня будет "супер" сайт.

А потом начинается, большая часть ответов есть в документации, сам пользуюсь и всем советую.


Edited by Art-Pavluk, 23 April 2016 - 14:48.

  • 0

#6 Maksim Buyanov

Maksim Buyanov
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 115
  • topics: 37

Posted 24 April 2016 - 13:16

Не ну в самом деле, все думаю возьму Jbzoo демо сайт и на нем у меня будет "супер" сайт.

А потом начинается, большая часть ответов есть в документации, сам пользуюсь и всем советую.

Два моих вопроса:
1. Подскажите рецепт как это сделать?

2. Какие файлы за это отвечают, их расположение?

1.  Если вы знаете где находится нужная инструкция - подскажите. Я платил за максимальный тариф именно из-за доступа к рецептам, что такого особенного , что я попросил меня сориентировать в большом количестве тем на форуме?

2.  Давайте без нападок по поводу HTML,CSS, PHP .Мой уровень позволяет мне работать и выполнять собственные цели. Но для того чтобы что-то править мне нужно знать расположение файлов. Именно это я и попросил сообщить.

Если не имеете полезную информацию со своими проповедями проходите мимо, нечего флудить не по теме.
Вообще тему делал для админов, но если можете помочь -помогите, в следующий раз помогут вам.


  • 0

#7 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 25 April 2016 - 11:07

Как ни странно, но выше верно говорят.
Все ваши вопросы решаются через верстку и CSS.

 

Первым делом начните с чтения документации 

http://jbzoo.ru/docs...d-customization

http://jbzoo.ru/docs/item-templates

http://jbzoo.ru/docs/position-styles

 

Так вы поймете где лежат шаблоны и как они работают

 

Шаблон тизера из демо с играми находится тут

media\zoo\applications\jbuniversal\templates\games\renderer\item\games\teaser.php

 

Все стили по большей части тут

media\zoo\applications\jbuniversal\templates\games\assets\less\ (далее уже по селектору можно определить)

 

Тень, её размеры, цвет, направление - все делается через CSS box-shadow


  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.






Also tagged with one or more of these keywords: карточка товара, анимация, teaser, grid, layout

Click to return to top of page in style!