Маленькая картинка , (скидка 20%) или (распродажа) на изображении товара.

Andreiscc

Писатель
Регистрация
14 Мар 2010
Сообщения
7
Реакции
1
Можно ли реализовать такую функцию: Маленькая картинка, например (скидка 20%) или (распродажа) на изображении товара в верхнем левом или правом углу.
уж очень не реально рисовать на каждом изображении товара ту или иную скидку вручную в шопе.
 
Можно конечно.
Это скорее вопрос верстки.
Делаете блок с изображением position:relative;
Вставляете в этот блок помимо изображения товара изображение вашей скидки.
Придаете этому изображению абсолютное позиционирование, двигаете его как вам удобно.
 
2 способа !
1 ) создать png и нанести на блок с помощью css!
2) создать шаблон вывода списка с использованием беграунда !
 
Спасибо, но хотелось бы поподробней хотябы один из способов.
 
Спасибо, но хотелось бы поподробней хотябы один из способов.
Создаешь список в админке,например "новинки" с ID "new"
,средствами css правишь шаблон списка Product_list.html и в файле index.php вставляешь этот список {cpt_product_lists list_id='new'}
 
Это не совсем верно... т.к если списков будет несколько по цсс картинка будет одна. В этом случаи нужно делать несколько шаблонов и привязывать на каждый цсс (например: новинки, топ продаж, sale или скидка 20%) На днях возможно буду себе делать выложу реализацию
 
Создается картинка скидка 20% с прозрачным фоном, в формате пнг.
Далее открывается код шаблона отвечающий за вывод превьюшки к нем дописывается стиль ксс дивом. Для дива создаются нужные параметры.

Вообще как я понял ТС плохо знает верстку, поэтому идите на биржу за 5 баксов вам сделают и скажут огромное спасибо
 
Назад
Сверху