Как установить иконку "Новинка" на фото, а не под ним?

Голоса: +1
Здравствуйте.

http://shoko-style.at.ua/shop/novinki-i-akcii

Надо, чтобы NEW было не под фото товара, а на фото (на картинке со сгущенкой в тубе).

Помогите, пожалуйста! Спасибки!
| Автор: | Категория: Интернет-магазин

Ответов: 1

голоса: 0
 
Лучший ответ
Ознакомьтесь с материалом - http://www.ucoz.ru/qa/index.php/6194 как видите данный вопрос уже рассматривался ранее.
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Мы уже с этим материалом ознакомлены. И с этим тоже - http://forum.ucoz.ru/forum/43-45564-1#958839

Как видите, хоть этот вопрос и рассматривался, но данные ответы не исправляют ошибку на юкозе...

Отредактируйте вид товара который у вас сейчас, вы фото установили ниже, а нужно после названия товара сделать вот так:

<td width="150"><a href="ссылка на товар"><img alt="" src="изображение товара" class="gphoto" id="id-gphoto-340"></a>

<div class="leibla"></div>
</td>

как видите ниже после тега <a href="ссылка"></a> я добавил новый класс:

<div class="leibla"></div>

добавьте аналогично и в стили пропишите:

.leibla { 
width: 75px;
height: 72px;
position: absolute;
top: 10px;
z-index: 99;
text-indent: -9999px;
background: url(http://shoko-style.at.ua/new2.png); 
}

надеюсь это поможет. Должно выглядеть вот так:

Спасибо, за помощь!

Уф... может туплю, но не получается... :(((

Теперь везде на первых двух фото в категории такие иконки есть, а на нужных они так в низу и висят

http://shoko-style.at.ua/shop/novinki-i-akcii

http://shoko-style.at.ua/shop/kakao-produkty

 

Получается эти происходит из-за position: absolute;

Вот что получается

Покажите код "Вид товара в каталоге"

В первом варианте http://shoko-style.at.ua/shop/novinki-i-akcii так:

<?if($OTHER1$='1')?> <img src="http://shoko-style.at.ua/new2.png" /><?endif?>

Если добавить совет, то + 

<div class="leibla"></div>

Может не так добавляю? Я в этом ничего не понимаю, весь сайт построен на интуиции...

покажите весь код, тогда будет понятно что вы делаете не так.
:) Сейчас так :)

<table border="0" cellpadding="0" cellspacing="6" width="100%"><tr valign="top">
<td width="150"><a href="$ENTRY_URL$"><img alt="" src="$THUMB$" class="gphoto" id="$BLOCK_PREF$-gphoto-$ID$"></a><?if($OTHER1$='1')?> <div class="leibla"></div><?endif?></td>
<td>
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<a style="font-size:16px" href="$ENTRY_URL$">$NAME$</a>
<?if($RATING$)?><div style="margin-top:10px;"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?>
<?if($BRIEF$)?><div style="margin-top:10px; font-size:10px;">$BRIEF$</div><?endif?>
<div style="font-size: 18px; margin:10px 0;"><?if($PRICE_OLD$)?><s>$PRICE_OLD$</s> <span class="newprice">$PRICE$</span><?else?>$PRICE$<?endif?></div>
<ul class="shop-options" id="id-$ID$-options">
<li><span class="opt"></span> <span class="val art">$ART_NO$</span></li><li><span class="opt">Наличие:</span> <span class="val stock">$STOCK$</span></li>
$OPTIONS$
</ul>
<table><tr><td>$2BASKET$<!--<div>$2BASKET_Q$</div>--></td><td>$2WISHLIST$</td></tr></table></td>
</tr></table>

Я подправил ваш код, ставьте его + это пропишите в табдице стилей CSS

.leibla { 
width: 75px;
height: 72px;
position: absolute;
top: 10px;
z-index: 99;
text-indent: -9999px;
background: url(http://shoko-style.at.ua/new2.png); 
}
Сделала :)

Спасибо, что возитесь со мной!

Теперь получается, что 1 и вторая фотка с бирками, а остальные

(две ниже - чай) нет, но в отделе, где они тоже есть - два первых чая получились с биркой... :(

http://shoko-style.at.ua/shop/chaj-kofe-sgushhenka

И на главной появилась бирка на фасаде...
Вот здесь у вас другие чаи http://shoko-style.at.ua/shop/novinki-i-akcii
А здесь другие http://shoko-style.at.ua/shop/chaj-kofe-sgushhenka
Вот-вот :( Вместо нужных чаев, бирки появились на двух первых...
И тут вместо нужной сгущенки (60грн в тубе) бирка на первой фотке

http://shoko-style.at.ua/shop/pasta
Кто, чего подскажет? Будем очень признательны!

Пока вернусь к варианту где эти бирки не светятся просто так на первых двух фото от категории :(
Никто так и не может справится с этим глюком на юкозе? :(((
Это не глюк, а работа с стилями, если у вас не получается решить данный вопрос, обращайтесь на - http://upartner.pro/ где сделают все за вас.
...