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


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

Надо значок Новинка разместить на фото товара


Лучший Ответ Cheren-dow , 23 January 2014 - 11:24

Посмотрите этот топик

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


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

#1 registr

registr

Отправлено 30 October 2013 - 06:51

Подскажите где править размещение значка Новинка, желательно чтоб например в верхний левый угол ленточку Акция, в каком файле это править и желательно какой-то пример кода от чего отталкиваться


  • 0

#2 rasputin21

rasputin21

Отправлено 30 October 2013 - 09:22

Все легко делается с помощью CSS. Я сделал так:
 
.teaser-items .jbprice-price-new:before {
    content: "Новинка"; /*Тескт ленты*/
    background: #f25c37;
    padding: 3px 10px;
    color: #FFF;
    position: relative;
    top: -160px; /*Меняем положение ленты по-вертикали*/
    left: -88px; /*Меняем положение ленты по-горизонтали*/
}
.teaser-items .jbprice-price-new {
    margin: 0px 0 -21px 0; /*Компенсируем отступы*/
}
 

Результат можно посмотреть тут: http://plushmart.ru

Сообщение отредактировал SmetDenis: 30 October 2013 - 15:11

  • 4

#3 Максим Саликов

Максим Саликов

Отправлено 23 January 2014 - 11:16

Все легко делается с помощью CSS. Я сделал так:
 

.teaser-items .jbprice-price-new:before {
    content: "Новинка"; /*Тескт ленты*/
    background: #f25c37;
    padding: 3px 10px;
    color: #FFF;
    position: relative;
    top: -160px; /*Меняем положение ленты по-вертикали*/
    left: -88px; /*Меняем положение ленты по-горизонтали*/
}
.teaser-items .jbprice-price-new {
    margin: 0px 0 -21px 0; /*Компенсируем отступы*/
}
 

Результат можно посмотреть тут: http://plushmart.ru

 

Здравствуйте, заинтересовал Ваш пост, но я силен в CSS не на столько чтобы применить его так как мне нужно. Отсюда у меня вопрос: как присоединить ленту к нужным мне товарам, причем хотел бы оставить возможность размещать также метки Хит продаж и Новинка?


  • 0

#4 Cheren-dow

Cheren-dow

Отправлено 23 January 2014 - 11:24   Лучший Ответ

Посмотрите этот топик


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




Click to return to top of page in style!