Сообщений в теме: 12

[L.V]

нужно прикрутить картиночку к товарам не участвующим в акциях а товарам в акциях прикрутить акцию как  это сделать
пример картинки

Прикрепленные изображения

• 

[Сake]

Найдите в шаблоне "Товары" строку

<div class="goodsListItemBlock withBorder cornerAll">

и замените её на

<div class="goodsListItemBlock withBorder cornerAll{% IF goods.MAX_DISCOUNT %} discount{% ENDIF %}">
<div class="goodsListItemBlockIcon"></div>

далее в файле стилей main.css найдите

.goodsListItemBlock {
	height: 200px;
	margin: 5px;
	overflow: hidden;
}

и замените на

.goodsListItemBlock {
	height: 200px;
	margin: 5px;
	overflow: hidden;
	position: relative;
}

далее добавьте

.goodsListItemBlockIcon {
	background: #CFB902;
	height: 25px;
	position: absolute;
	right: 0;
	top: 0;
	width: 90px;
}
.goodsListItemBlockIcon:hover {
	background: #A7A7A7;
}
.goodsListItemBlockIcon.discount {
	background: #CB4242 !important;
}

где вместо цветов #CFB902 (при обычном состоянии), #A7A7A7 (при наведении), #CB4242 (при акции) - вам необходимо будет задать изображения в виде адреса url('адрес изображения') (http://htmlbook.ru/css/background). Изображения вы можете загрузить в раздел редактора тем. Изменить положение изображения можно изменив значения метода top и right. Данные свойства можно переопределить например

.goodsListItemBlockIcon.discount {
	background: #CB4242 !important;
	top: -5px;
}

[L.V]

Огромное спасибо!)

[L.V]

.goodsListItemBlockIcon:hover {

           background: url(images/http://n1046.storeland.net/hes.jpg?7636) #008080 !important;
}
я правильно пишу путь к изображению

[ne_yana]

L.V (22 Ноябрь 2013 - 11:25) писал:

.goodsListItemBlockIcon:hover {

   background: url(images/http://n1046.storeland.net/hes.jpg?7636) #008080 !important;
}
я правильно пишу путь к изображению

Здравствуйте, нужно прописывать следующим образом:

.goodsListItemBlockIcon:hover {
		 background: url('{ASSETS_IMAGES_PATH}hes.jpg') #008080 !important;
}

[L.V]

СПАСИБО!
Но что то я делаю не так

.goodsListItemBlockIcon {
background: url({ASSETS_IMAGES_PATH}hes.jpg) #008080 !important;
height: 25px;
position: absolute;
right: 0;
top: 0;
width: 90px;
}
.goodsListItemBlockIcon:hover {
background: url({ASSETS_IMAGES_PATH}ado.jpg) #008080 !important;
}
.goodsListItemBlockIcon.discount {
background: url({ASSETS_IMAGES_PATH}ACCI.jpg) #008080 !important;
}
}

[ne_yana]

L.V (22 Ноябрь 2013 - 14:19) писал:

СПАСИБО!
Но что то я делаю не так

.goodsListItemBlockIcon {
background: url({ASSETS_IMAGES_PATH}hes.jpg) #008080 !important;
height: 25px;
position: absolute;
right: 0;
top: 0;
width: 90px;
}
.goodsListItemBlockIcon:hover {
background: url({ASSETS_IMAGES_PATH}ado.jpg) #008080 !important;
}
.goodsListItemBlockIcon.discount {
background: url({ASSETS_IMAGES_PATH}ACCI.jpg) #008080 !important;
}
}

Скорее всего это связано с тем, что у вас в файле main.css лишняя закрывающаяся скобка. Удалите скобку на 771 строке.

[L.V]

к сожалению..но на сайте висит что есть еще ошибка в js  крестик ошибки стоит на 548 строке но я что то не пойму где там что не так
так же 588 и 593 строка..........

[L.V]

я незнаю где ошибка но перестало плавать еще и меню каталога

[Сake]

На данный момент у вас отсутствуют изменения. Пожалуйста, повторите изменения выполняя их последовательно и внимательно. Возможно вы что-то упустили. Не забудьте что изменения производятся только в шаблоне "Товары" и в файле стилей main.css (не перепутайте файл с файлом main.js).

[L.V]

Да,  спасибо я нашла ошибку и удалила  поняла как разместить картинку но не понимаю как поставить ее выше границы обводки
сейчас при движении картинки она встает только обрезается верх обводкой а хочется именно наложение на обводку.

------------------------------------
Появился новый вопрос о подвале
необходимо продлить боковой фон вставив полосу фона вниз +добавить в подвал 2 картинки .
см скрин

[Vaccina]

укажите пожалуйста ссылку на проблему, так как картинки я не обнаружила.

На счет подвала в main.css в самом конце пропишите:

#ui-datepicker-div{
   display:none !important;
}

Картинки вставьте в шаблон HTML после:

Все права защищены <br />
	  {SETTINGS_STORE_REGION}<br />
	  {SETTINGS_STORE_HTML_CODE}<br />
	  {COPYRIGHT_FOR_DESIGN_MOKKO}

[L.V]

спасибо...