Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Как Добавить Изображение В Каталог?

Автор Pavel_Kazantsev, 17 янв. 2013 07:28

Авторизуйтесь для ответа в теме

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

#1 Pavel_Kazantsev

Пользователь

Пользователи
20 сообщений

ГородТобольск

Отправлено 17 Январь 2013 - 07:28

Скажите пожалуйста как добавить картинку под кнопки "купить" и "подробнее" когда товар отображается в каталоге? Куда прописать код вставки картинки?

См изображение...

Наверх

#2 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 17 Январь 2013 - 07:54

В файле main.csstemplate.
Найти код:

#content .box .tabproduct .buttons { clear:both; height:22px; background:url({ASSETS_IMAGES_PATH}haeder-bg.png) -90px -38px no-repeat; padding:0 0 8px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

Заменить:

#content .box .tabproduct .buttons { clear:both; height: 48px; background: url({ASSETS_IMAGES_PATH}haeder-bg.png) -90px -14px no-repeat; padding:0 0 8px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

В этот же файл, добавить код:

.dostavka {
margin-left:20px;
margin-top:5px;
margin-bottom:5px;
float: left;
height: 25px;
}
.dostavka img {
width:20px;
margin-right:4px;

margin-top: 0px;
}
.dostavka span {
color:green;

font-weight: bold;
padding-bottom: 3px;
margin-top: -2px;
}

В файле "Товары".
Найти код:

{% ENDIF %}
				 {% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>{% ENDIF %}

Заменить:

{% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>{% ENDIF %}
				 <div class="dostavka" ><img src="адрес" alt="описание"><span>Бесплатная доставка</span></div>

Для того чтобы изменить картинку достаточно поменять адрес в параметре "src" на адрес к своему изображению.

Наверх

#3 Pavel_Kazantsev

Пользователь

Пользователи
20 сообщений

ГородТобольск

Отправлено 17 Январь 2013 - 08:01

Первое действие не понятно, какой код нужно найти?

Наверх

#4 Pavel_Kazantsev

Пользователь

Пользователи
20 сообщений

ГородТобольск

Отправлено 17 Январь 2013 - 08:14

Все, разобрался, спасибо большое!!!

Наверх

#5 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 17 Январь 2013 - 08:17

PaulMartseani (17 Январь 2013 - 08:01) писал:

Первое действие не понятно, какой код нужно найти?

Уже изменил. Заменить можно этот код:

#content .box .tabproduct .buttons { clear:both; height:22px; background:url({ASSETS_IMAGES_PATH}haeder-bg.png) -90px -38px no-repeat; padding:0 0 8px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

Наверх

#6 Pavel_Kazantsev

Пользователь

Пользователи
20 сообщений

ГородТобольск

Отправлено 17 Январь 2013 - 08:23

Я все сделал, но картинка не отображается. Может формат какой определенный нужно? У меня PNG.

Вот эту картинку хочу поместить под кнопки.

Наверх

#7 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 17 Январь 2013 - 08:56

PaulMartseani (17 Январь 2013 - 08:23) писал:

Я все сделал, но картинка не отображается. Может формат какой определенный нужно? У меня PNG.

Вот эту картинку хочу поместить под кнопки.

В файле "main.csstemplate".
Найти код:

#content .box .tabproduct .buttons { clear:both; height: 48px; background: url({ASSETS_IMAGES_PATH}haeder-bg.png) -90px -14px no-repeat; padding:0 0 8px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

Заменить:

	#content .box .tabproduct .buttons { clear:both; height: 48px; background: url(/web/upload/assets/images/145/144253/haeder-bg.png) -90px -12px no-repeat; padding:0 0 8px 0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  }

Найти код:

.dostavka {
margin-left:20px;
margin-top:5px;
margin-bottom:5px;
float: left;
height: 25px;
}
.dostavka img {
width:20px;
margin-right:4px;
margin-top: 0px;
}
.dostavka span {
color:green;
font-weight: bold;
padding-bottom: 3px;
margin-top: -2px;
}

Заменить:

.dostavka {
margin-left:20px;
margin-top:5px;
margin-bottom:5px;
float: left;
height: 25px;
}
.dostavka img {
width: 100%;
margin-right:4px;
margin-top: 0px;
}
.dostavka span {
color:green;
font-weight: bold;
padding-bottom: 3px;
margin-top: -2px;
}

В файле "Товары".
Найти код:

{% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>{% ENDIF %}
								 <div class="dostavka" ><img src="адрес" alt="описание"><span>Бесплатная доставка</span></div>

Заменить:

{% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>{% ENDIF %}
<div class="dostavka" style="float: left;"><img src="http://files.storeland.ru/web/upload/sitefiles/4/393/392665/freeship_mini.png" alt="описание"></div>

Наверх

#8 Pavel_Kazantsev

Пользователь

Пользователи
20 сообщений

ГородТобольск

Отправлено 17 Январь 2013 - 09:12

Все равно нет картинки! Все сделал как было сказано.

Наверх

#9 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 17 Январь 2013 - 09:17

PaulMartseani (17 Январь 2013 - 09:12) писал:

Все равно нет картинки! Все сделал как было сказано.

Картинка появлятся при отображение списком.Вероятно вы вставили код в другое место.
Ниже по коду файла "Товары" должен быть еще код:

{% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>{% ENDIF %}

Наверх

#10 Pavel_Kazantsev

Пользователь

Пользователи
20 сообщений

ГородТобольск

Отправлено 17 Январь 2013 - 12:17

Ааа, ну да, списком работает, у меня просто по умолчанию стоял вывод сеткой. Тогда такой вопрос, как сделать чтоб и выводом сеткой тоже картинка отображалась?

Наверх

#11 Koderhan

Активный участник

Модератоpы
6 227 сообщений

Отправлено 17 Январь 2013 - 13:02

В файле "Товары".
Найти код:

{% IF goods.MAX_REST_VALUE>0 %}
					<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
					  <div>
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
						<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>
						<a class="blgreen" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
					  </div>
					</form>
				  {% ENDIF %}
				  {% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>{% ENDIF %}

Заменить:

{% IF goods.MAX_REST_VALUE>0 %}
					<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
					  <div>
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
						<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>
						<a class="blgreen" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
					  </div>
					</form>
				  {% ENDIF %}
				  {% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgreen" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">Подробнее</a>{% ENDIF %}
				  <div class="dostavka" style="float: left;"><img src="http://files.storeland.ru/web/upload/sitefiles/4/393/392665/freeship_mini.png" alt="описание"></div>

Наверх

Обратно в Каталог товаров

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

Как Добавить Изображение В Каталог?

Количество пользователей, читающих эту тему: 0

Войти

Google поиск