Перейти к содержимому


Подскажите Как Добавить Ярлыки Товара Нет В Наличии?

Ярлыки Товар есть в наличии Товара нет в наличии

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 9

#1 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 20 Апрель 2013 - 15:09

Увеличить текст тут и добавить на фото товара ярлык как тут(как в теме Plastic)
Установленная тема Mokko.
Заранее спасибо!

ЗюЫю вопрос не в тему - если наполнил базу товаром, а затем хочу сменить тему, всё заново придётся вносить?

#2 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 20 Апрель 2013 - 16:22

Просмотр сообщенияHitman42 (20 Апрель 2013 - 15:09) писал:

Увеличить текст тут и добавить на фото товара ярлык как тут(как в теме Plastic)
Установленная тема Mokko.
Заранее спасибо!

ЗюЫю вопрос не в тему - если наполнил базу товаром, а затем хочу сменить тему, всё заново придётся вносить?

Нет, от смены дизайн-шаблона, товары, тексты и страницы с описанием не меняются. Меняется только сам дизайн магазина.

по поводу надписи:
в файле main.css найдите строчку
.goodsDataMainModificationAvailable {white-space:nowrap;}
измените на
.goodsDataMainModificationAvailable {
white-space:nowrap;
font-size: 14px; /* размер шрифта */
color: red; /* цвет шрифта */
font-weight: bold; /* стили шрифта: жирный */
}

если Вам нужно только к тексту "нет в наличии", то Вам нужно добавить в файл main.css блок
.goodsDataMainModificationAvailable div.available-false {
white-space:nowrap;
font-size: 14px; /* размер шрифта */
color: green; /* цвет шрифта */
font-weight: bold; /* стили шрифта: жирный */
}

а для текста "есть в наличии"
.goodsDataMainModificationAvailable div.available-true {
white-space:nowrap;
font-size: 14px; /* размер шрифта */
color: red; /* цвет шрифта */
font-weight: bold; /* стили шрифта: жирный */
}

ярлыки к товарам
в шаблоне Товар сразу после
<!-- Большое изображение -->
			<div class="goodsDataMainImage">
вставьте
<span rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>
			<div class="stikno"></div>
		  </span>
		  <span rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>
			<div class="stikyes"></div>
		  </span>

далее в файле main.css добавьте
.stikyes { background:url({ASSETS_IMAGES_PATH}stikerbg2.png) center top no-repeat; width:103px; height:77px; position:relative; top:0px; float:right; z-index:33; margin:-15px 0px -77px 0;  }
.stikno { background:url({ASSETS_IMAGES_PATH}stikerbg2.png) center bottom no-repeat; width:103px; height:77px;  position:relative; top:0px; float:right; z-index:33; margin:-15px 0px -77px 0; }
также не забудьте загрузить на сайт изображения
stikerbg2.png
stikerbg2.png

скачать их можете из темы пластик или сделать самостоятельно

#3 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 21 Апрель 2013 - 00:05

Просмотр сообщенияsupport 2.0 (20 Апрель 2013 - 16:22) писал:

Нет, от смены дизайн-шаблона, товары, тексты и страницы с описанием не меняются. Меняется только сам дизайн магазина.по поводу надписи:в файле main.css найдите строчку
.goodsDataMainModificationAvailable {white-space:nowrap;}
измените на
.goodsDataMainModificationAvailable {white-space:nowrap;font-size: 14px; /* размер шрифта */color: red; /* цвет шрифта */font-weight: bold; /* стили шрифта: жирный */}
если Вам нужно только к тексту "нет в наличии", то Вам нужно добавить в файл main.css блок
.goodsDataMainModificationAvailable div.available-false {white-space:nowrap;font-size: 14px; /* размер шрифта */color: green; /* цвет шрифта */font-weight: bold; /* стили шрифта: жирный */}
а для текста "есть в наличии"
.goodsDataMainModificationAvailable div.available-true {white-space:nowrap;font-size: 14px; /* размер шрифта */color: red; /* цвет шрифта */font-weight: bold; /* стили шрифта: жирный */}
ярлыки к товарамв шаблоне Товар сразу после
		 
вставьте
0 %}style="display:none;"{% ENDIF %}>											 
далее в файле main.css добавьте
.stikyes { background:url({ASSETS_IMAGES_PATH}stikerbg2.png) center top no-repeat; width:103px; height:77px; position:relative; top:0px; float:right; z-index:33; margin:-15px 0px -77px 0; }.stikno { background:url({ASSETS_IMAGES_PATH}stikerbg2.png) center bottom no-repeat; width:103px; height:77px; position:relative; top:0px; float:right; z-index:33; margin:-15px 0px -77px 0; }
также не забудьте загрузить на сайт изображенияstikerbg2.pngstikerbg2.pngскачать их можете из темы пластик или сделать самостоятельно
Спасибо! Всё получилось. :)только для добавления картинок использовал это(уже с моими примечаниями):/* Как изменить или удалить ярлыки о наличии или отсутствии товара на странице товара */#content .product .leftpart .fullimg .stikyes {        background: url("{ASSETS_IMAGES_PATH}stikerbg2.png") no-repeat scroll center top transparent;        float: right;        height: 77px;        margin: -15px 0 -77px;        position: relative;        top: 0;        width: 103px;        z-index: 33;}#content .product .leftpart .fullimg .stikno {        background: url("{ASSETS_IMAGES_PATH}stikerbg2.png") no-repeat scroll center bottom transparent;        float: right;        height: 77px;        margin: -15px 0 -77px;        position: relative;        top: 0;        width: 103px;        z-index: 33;}/* Тоже что выше */.stikyes {background: url("{ASSETS_IMAGES_PATH}stikerbg2.png") no-repeat scroll center top transparent;float: right;height: 77px;margin: -15px 0 -77px;position: relative;top: 0;width: 103px;z-index: 33;}.stikno {background: url("{ASSETS_IMAGES_PATH}stikerbg2.png") no-repeat scroll center bottom transparent;float: right;height: 77px;margin: -15px 0 -77px;position: relative;top: 0;width: 103px;z-index: 33;}вроде одно и тоже, но то которое Вы предложили почему-то не пошло, и я попробовал вставить то что нашел в одной из тем(то что привел в пример)

#4 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 22 Апрель 2013 - 11:40

Просмотр сообщенияHitman42 (21 Апрель 2013 - 00:05) писал:

Спасибо! Всё получилось. :)только для добавления картинок использовал это(уже с моими примечаниями):/* Как изменить или удалить ярлыки о наличии или отсутствии товара на странице товара */#content .product .leftpart .fullimg .stikyes { background: url("{ASSETS_IMAGES_PATH}stikerbg2.png") no-repeat scroll center top transparent; float: right; height: 77px; margin: -15px 0 -77px; position: relative; top: 0; width: 103px; z-index: 33;}#content .product .leftpart .fullimg .stikno { background: url("{ASSETS_IMAGES_PATH}stikerbg2.png") no-repeat scroll center bottom transparent; float: right; height: 77px; margin: -15px 0 -77px; position: relative; top: 0; width: 103px; z-index: 33;}/* Тоже что выше */.stikyes {background: url("{ASSETS_IMAGES_PATH}stikerbg2.png") no-repeat scroll center top transparent;float: right;height: 77px;margin: -15px 0 -77px;position: relative;top: 0;width: 103px;z-index: 33;}.stikno {background: url("{ASSETS_IMAGES_PATH}stikerbg2.png") no-repeat scroll center bottom transparent;float: right;height: 77px;margin: -15px 0 -77px;position: relative;top: 0;width: 103px;z-index: 33;}вроде одно и тоже, но то которое Вы предложили почему-то не пошло, и я попробовал вставить то что нашел в одной из тем(то что привел в пример)

Вы немного сложно вставили код в сообщения, поэтому непонятно: у Вас все получилось или какие-то вопросы остались?

#5 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 22 Апрель 2013 - 12:42

Просмотр сообщенияsupport 2.0 (22 Апрель 2013 - 11:40) писал:

Вы немного сложно вставили код в сообщения, поэтому непонятно: у Вас все получилось или какие-то вопросы остались?

Да, всё получилось, Благодарю Вас!

#6 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 24 Апрель 2013 - 15:56

ВОт я обрадовался что получилось поставить ярлыки и поменять стиль надписи, как обнаружил следующий бок когда заканчивается какой либо размер товара, то надпись меняется а ярлык нет. И получается что товар есть, а картинка ярлыка показывает что его нет(и наоборот). Может надо как то подвязать наличие в размерах к тому, какой ярлык цеплять? Вопрос - Как это сделать? Заранее благодарен!

#7 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 25 Апрель 2013 - 01:53

У вас присутствует javascript ошибка. Удалите в вашем шаблоне "HTML" подключение

<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script>


#8 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 25 Апрель 2013 - 21:00

Просмотр сообщенияСake (25 Апрель 2013 - 01:53) писал:

У вас присутствует javascript ошибка. Удалите в вашем шаблоне "HTML" подключение

<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script>
Спасибо, это остатки от предыдущего слайдера, но это не решило проблему, по прежнему если один размер есть, а другого нет, то ярлык-картинка остаётся прежней

#9 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 26 Апрель 2013 - 01:56

Попробуйте сделать следующее - найдите в файле main.js

// Есть ли товар есть в наличии
		 if(modificationRestValue>0) {
		   goodsAvailableTrue.show();
		   goodsAvailableFalse.hide();
		 // Если товара нет в наличии
		 } else {
		   goodsAvailableTrue.hide();
		   goodsAvailableFalse.show();
		 }
		 // Если товар есть в списке сравнения

и замените на

// Есть ли товар есть в наличии
		 if(modificationRestValue>0) {
		   $('.available-true').show();
		   $('.available-false').hide();
		 // Если товара нет в наличии
		 } else {
		   $('.available-true').hide();
		   $('.available-false').show();
		 }
		 // Если товар есть в списке сравнения


#10 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 26 Апрель 2013 - 12:20

Сake, благодарствую, всё получилось, теперь работает так, как надо. :)




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

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