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


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

Как перенести иконку "Хит продаж" и "Новинка" на изображение товара?

хит продаж новинка иконка

Лучший Ответ Cheren-dow , 14 December 2013 - 12:33

Здравствуйте. Можно попробовать сделать это через CSS

 

Основной блок делаем с

.jbzoo-item{
   position: relative;
}

Картинка с новинкой имеет new-icon-simple класс, дописываем стили ему. По верстке сайта это будет индивидуально. Вот для демо будет выглядеть так...

7e2605_200x0.png

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 7

#1 Mening

Mening

Отправлено 12 December 2013 - 13:15

Добрый день!

Скажите, пожалуйста, где надо внести правки, чтобы иконки "Новинка" и "Хит продаж" (и "СКИДКА", когда задано, что она выводится ввиде иконки со значением) переехали на картинку (допустим в угол сверху/справа)?

 

Буду очень благодарна за помощь!


  • 0

#2 Cheren-dow

Cheren-dow

Отправлено 14 December 2013 - 12:33   Лучший Ответ

Здравствуйте. Можно попробовать сделать это через CSS

 

Основной блок делаем с

.jbzoo-item{
   position: relative;
}

Картинка с новинкой имеет new-icon-simple класс, дописываем стили ему. По верстке сайта это будет индивидуально. Вот для демо будет выглядеть так...

7e2605_200x0.png


Сообщение отредактировал Cheren-dow: 14 December 2013 - 12:33

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

#3 Mening

Mening

Отправлено 15 December 2013 - 13:17

Спасибо большое за хороший совет!

Все получилось, сделала только различие положения иконок в full и teaser.

И все отображается красиво)))


  • 0

#4 Sliapy

Sliapy

Отправлено 15 December 2013 - 17:17

Вопрос решен?


  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#5 lukers

lukers

Отправлено 30 December 2013 - 02:23

Здравствуйте. Можно попробовать сделать это через CSS

 

Основной блок делаем с

.jbzoo-item{
   position: relative;
}

Картинка с новинкой имеет new-icon-simple класс, дописываем стили ему. По верстке сайта это будет индивидуально. Вот для демо будет выглядеть так...

7e2605_200x0.png

а можно подробнее в какие файлы css что дописывать? например только с new


  • 0

#6 Sliapy

Sliapy

Отправлено 30 December 2013 - 11:21

Стили можно дописывать в любой подключенный на странице CSS-файл. Посмотреть их можно в исходном коде страницы (Ctrl + U).


  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#7 lukers

lukers

Отправлено 30 December 2013 - 21:17

ничего не получилось!!! ccdcam.ru

у меня шаблон сторонний... загруженн.. расположения файла не определишь т.к. он в темп указывает...  я добавил в файл zbzoo.css строчки

  1. .jbzoo-item{
  2. position: relative;
  3. }
  4. Картинка с новинкой имеет new-icon-simple класс, для teaser например чтоб наложить картинку.. в какой еще файл и что именно писать?? примерные размеры.. я сам подгоню..
  5. пожалуйста можно подробнее.. как например с улетающим товаром в корзину... описание.. я за 5 минут настроил.. описание коротко и ясно!!
  6.  

Сообщение отредактировал lukers: 30 December 2013 - 21:19

  • 0

#8 Cheren-dow

Cheren-dow

Отправлено 30 December 2013 - 21:33

По мима

.jbzoo-item{
position: relative;
}

Нужно для .new-icon-simple написать хотя бы

.new-icon-simple{
   position: absolute;
   right: 0;
}

Это основы CSS и к JBZoo отношения не имеет.


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





Темы с аналогичным тегами хит продаж, новинка, иконка

Click to return to top of page in style!