Jump to content


Photo
- - - - -

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

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

Best Answer Cheren-dow , 14 December 2013 - 12:33

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

 

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

.jbzoo-item{
   position: relative;
}

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

7e2605_200x0.png

Go to the full post


  • This topic is locked This topic is locked
7 replies to this topic

#1 Mening

Mening
  • JBZoo User (rus)
  • User rate: 0
  • posts: 57
  • topics: 18

Posted 12 December 2013 - 13:15

Добрый день!

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

 

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


  • 0

#2 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 14 December 2013 - 12:33   Best Answer

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

 

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

.jbzoo-item{
   position: relative;
}

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

7e2605_200x0.png


Edited by Cheren-dow, 14 December 2013 - 12:33.

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

#3 Mening

Mening
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0
  • posts: 57
  • topics: 18

Posted 15 December 2013 - 13:17

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

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

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


  • 0

#4 Sliapy

Sliapy
  • JBZoo User (rus)
  • User rate: 50.5
  • posts: 6393
  • topics: 15

Posted 15 December 2013 - 17:17

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


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

#5 lukers

lukers
  • JBZoo User (rus)
  • User rate: -0.8
  • posts: 77
  • topics: 14

Posted 30 December 2013 - 02:23

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

 

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

.jbzoo-item{
   position: relative;
}

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

7e2605_200x0.png

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


  • 0

#6 Sliapy

Sliapy
  • JBZoo User (rus)
  • User rate: 50.5
  • posts: 6393
  • topics: 15

Posted 30 December 2013 - 11:21

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


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

#7 lukers

lukers
  • JBZoo User (rus)
  • User rate: -0.8
  • posts: 77
  • topics: 14

Posted 30 December 2013 - 21:17

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

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

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

Edited by lukers, 30 December 2013 - 21:19.

  • 0

#8 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 30 December 2013 - 21:33

По мима

.jbzoo-item{
position: relative;
}

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

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

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


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





Also tagged with one or more of these keywords: хит продаж, новинка, иконка

Click to return to top of page in style!