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

Тема в разделе "WebAsyst", создана пользователем Andreiscc, 7 май 2010.

Модераторы: mdss
  1. Andreiscc

    Andreiscc Писатель

    Регистр.:
    14 мар 2010
    Сообщения:
    7
    Симпатии:
    0
    Можно ли реализовать такую функцию: Маленькая картинка, например (скидка 20%) или (распродажа) на изображении товара в верхнем левом или правом углу.
    уж очень не реально рисовать на каждом изображении товара ту или иную скидку вручную в шопе.
     
  2. Voshal

    Voshal Мизантроп

    Регистр.:
    30 мар 2009
    Сообщения:
    286
    Симпатии:
    108
    Можно конечно.
    Это скорее вопрос верстки.
    Делаете блок с изображением position:relative;
    Вставляете в этот блок помимо изображения товара изображение вашей скидки.
    Придаете этому изображению абсолютное позиционирование, двигаете его как вам удобно.
     
  3. overhit

    overhit Постоялец

    Регистр.:
    25 июн 2007
    Сообщения:
    109
    Симпатии:
    19
    2 способа !
    1 ) создать png и нанести на блок с помощью css!
    2) создать шаблон вывода списка с использованием беграунда !
     
  4. Andreiscc

    Andreiscc Писатель

    Регистр.:
    14 мар 2010
    Сообщения:
    7
    Симпатии:
    0
    Спасибо, но хотелось бы поподробней хотябы один из способов.
     
  5. vicsk

    vicsk Постоялец

    Регистр.:
    19 янв 2010
    Сообщения:
    147
    Симпатии:
    8
    Создаешь список в админке,например "новинки" с ID "new"
    ,средствами css правишь шаблон списка Product_list.html и в файле index.php вставляешь этот список {cpt_product_lists list_id='new'}
     
  6. fiker

    fiker Постоялец

    Регистр.:
    1 мар 2010
    Сообщения:
    61
    Симпатии:
    19
    Это не совсем верно... т.к если списков будет несколько по цсс картинка будет одна. В этом случаи нужно делать несколько шаблонов и привязывать на каждый цсс (например: новинки, топ продаж, sale или скидка 20%) На днях возможно буду себе делать выложу реализацию
     
  7. alexreva

    alexreva Постоялец

    Регистр.:
    24 янв 2009
    Сообщения:
    54
    Симпатии:
    4
    Создается картинка скидка 20% с прозрачным фоном, в формате пнг.
    Далее открывается код шаблона отвечающий за вывод превьюшки к нем дописывается стиль ксс дивом. Для дива создаются нужные параметры.

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