Категории

Шаблон Pink проблема с картинками

А что сделать с картинками чтобы они выводились по крупнее на главной. Да и не только на главной, они везде очень маленькие и не качественные. Загружаю картинку в 1500 пикселей, а она оттуда смотрится как будто она 15px :(
Я весь код пересмотрел вроде бы, но как сделать картинку больше, так и не понял(((

Шаблон Pink проблема с картинками

Хотелось бы чтобы они по высоте были от цены и до названия и по ширине так же, чтобы шли аж под картинку new

Настройки / Картинки
выставляем например 170х170
а потом через плагин Пакетная обработка изображений обработываем фотки и все

Настройки / Картинки
выставляем например 170х170
а потом через плагин Пакетная обработка изображений обработываем фотки и все

Так то я сделал, но там вверху остаётся пространство. Хочется чтобы его небыло, чтоббы картинка была под самый заголовок ТЕСТ как на скрине. А то много лишнего места получается.
Шаблон Pink проблема с картинками

Ну и как решил этот вопрос?

Это мой косяк, как время будет поправлю, ша много работы. :)

Ну и как решил этот вопрос?

Я убрал картинку NEW и стало всё гуд.

Ну и как решил этот вопрос?

Я убрал картинку NEW и стало всё гуд.

;D А я ковыряю блок Новинок, на предмет решения - а тут все просто - НЕТ картинки НЕТ проблем :-)
не для меня ЭТО не вариант

Можно на картинку накладывать. там пара строк кода.

В теории я знаю - но как в практике сделать никак не могу. :-(
Делать через <DIV> причем тогда нужно будет править CSS файл шаблона, ну вот как то так....

module/new_products_default.html
находим

<td height="69" align="left" valign="top" >
<div align="left"><a class="logo_1"></a>
<p align="center">{if $module_data.PRODUCTS_IMAGE}<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" title="{$module_data.PRODUCTS_NAME}" /></a></p><a href="{$module_data.PRODUCTS_LINK}">
{/if}</a></div></td>

менять на

<td height="69" align="left" valign="top" >
<div align="left">
<p align="center"><a class="logo_1"></a>{if $module_data.PRODUCTS_IMAGE}<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" title="{$module_data.PRODUCTS_NAME}" /></a></p>
<a href="{$module_data.PRODUCTS_LINK}">
{/if}</a></div></td>

и в css находим(самом низу находится)

.logo_1{
display: block;
width: 79px;
height: 84px;
position: relative;
z-index: 100;
left: 19px;
top: 20px;
background: url(img/sale.png) left top no-repeat;
visibility: inherit;
}

менять на

.logo_1{
display: block;
width: 79px;
height: 84px;
position: relative;
z-index: 100;
left: -60px;
top: 20px;
background: url(img/sale.png) left top no-repeat;
visibility: inherit;
}

где left: -60px; этим можно картинку лева право дать.
а top: 20px; верх вниз,

Надеюсь понятно написал! ;D

ВОТ я ТАК И ДУМАЛ ;)
СПАСИБО!!!

Вот оно счастье пришло - только вот омрачает то, что Картинка все также далеко от названия товара и ни какими параметрами CSS подвинуть их не получаеться.

А сделай скрин!

Ну делайте картинку побольше, или я что то не понимаю что вы хотите!

Найдите в css где прописана картинка и поменяйте верхний отступ.

Вроде понятно объяснил:
Если изменить CSS -
.logo_1{
display: block;
width: 79px;
height: 4px;
То картинка занимает нормальное положение - но пропадает Зеленая звездочка

Источник