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


Своя Картинка К Акции В Списке Акций

картинки акции

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

#1 Remix

Remix

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

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

Отправлено 17 Ноябрь 2013 - 13:25

Скажите, плз, как можно сделать, чтобы в списке Акции для каждой Акции отображалась своя картинка?

Сейчас список акций выглядит таким образом:

Изображение

Я хочу, чтобы было так:

Изображение

Тоже самое хотелось бы иметь в списке новостей.

#2 Koderhan

Koderhan

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

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

Отправлено 18 Ноябрь 2013 - 16:18

В файле "main.css".
Найти код:
.listing .container {
  position: relative;
  display: inline;
  float: left;
  width: 665px;
}
Заменить:

.listing .container {
  position: relative;
  display: inline;
  float: left;
  width: 485px;
}


В конец файла "main.css".
Добавить код:
.listing .images {
	display: block;
	float: left;
	width: 185px;
}
В файле "Список акций" придется написать условие.
После кода:
  <!-- promotion campaign list -->
  {% IF promotion_campaign_empty %}
	  <h3>Акций в нашем магазине пока нет</h3>
  {% ELSE %}
	{% FOR promotion_campaign %}
	  <div class="listing">
Добавить:
<div class="images">
		{% IF promotion_campaign.NAME = Название акции1 %}
		  <img src="адрес картинки " alt="Акция магазина">
		{% ELSEIF promotion_campaign.NAME =  Название акции2 %}
		  <img src="#" alt="Акция магазина">
		{% ELSEIF promotion_campaign.NAME = Название акции3 %}
		  <img src="#" alt="Акция магазина">
		{% ELSE %}
		  <!-- Если нет названия акции -->
		  <img src="#" alt="Акция магазина">
		{% ENDIF %}
		</div>
Тут вам нужно будет дописать адреса до картинок и названия акции к которым будут применяться картинки.

#3 Remix

Remix

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

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

Отправлено 18 Ноябрь 2013 - 18:57

Спасибо большое! попробую.

Т.е. я правильно поняла, что для каждой новой акции, если нужна будет уникальная картинка - надо будет вручную дописывать условие в файл "Список акций"? А если не нужна уникальная, то по умолчанию будет появляться картинка, которую я укажу здесь:

<!-- Если нет названия акции -->
<img src "#" alt="Акция магазина">

Все сделала, все работает. Спасибо большое!

А как то же самое сделать на странице списка новостей сайта?

Сообщение отредактировал Remix: 18 Ноябрь 2013 - 20:44


#4 Koderhan

Koderhan

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

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

Отправлено 19 Ноябрь 2013 - 13:10

Просмотр сообщенияRemix (18 Ноябрь 2013 - 18:57) писал:

Спасибо большое! попробую.

Т.е. я правильно поняла, что для каждой новой акции, если нужна будет уникальная картинка - надо будет вручную дописывать условие в файл "Список акций"? А если не нужна уникальная, то по умолчанию будет появляться картинка, которую я укажу здесь:

<!-- Если нет названия акции -->
<img src "#" alt="Акция магазина">

Все сделала, все работает. Спасибо большое!

А как то же самое сделать на странице списка новостей сайта?


Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "Список новостей".
Найти код:
<!-- Список новостей -->
	  <p class="newsListBlock">
	  {% FOR news_list %}
		<div class="newsListBlockItem"> 
		  <a href="{news_list.URL}" class="newsListBlockItemTitle" title="Перейти к странице новости">{news_list.TITLE}</a><br />
		  <div class="newsListBlockItemPreview">{news_list.TEXT_SHORT} </div>
		  {% IF news_list.SHOW_TIME %}<em class="newsListBlockItemTime">{news_list.TIME | date("d.m.Y")}</em><br />{% ENDIF %} 
		</div>
	  {% ENDFOR %}
	  </p>
Заменить:
<!-- Список новостей -->
	  <p class="newsListBlock">
	  {% FOR news_list %}
		<div class="newsListBlockItem">
		  <div class="newLeft">
			{% IF news_list.TITLE = Название новости %}
			  <img src="адрес изображения" alt="Новость магазина" />
			{%ELSEIF news_list.TITLE = Название новости2 %}
			  <img src="адрес изображения" alt="Новость магазина" />
			{% ELSE %}
			  <!-- Если не одно из условий не совпало -->
			  <img src="адрес изображения" alt="Новость магазина" />
			{% ENDIF %}
		  </div>
		  <div class="newRight">
			<a href="{news_list.URL}" class="newsListBlockItemTitle" title="Перейти к странице новости">{news_list.TITLE}</a><br />
			<div class="newsListBlockItemPreview">{news_list.TEXT_SHORT} </div>
			{% IF news_list.SHOW_TIME %}<em class="newsListBlockItemTime">{news_list.TIME | date("d.m.Y")}</em><br />{% ENDIF %} 
		  </div>
		</div>
	  {% ENDFOR %}
	  </p>


Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:
.newRight {
	width: 75%;
	display: inline-block;
	float: left;
}
.newLeft {
	display: block;
	width: 25%;
	float: left;
}


#5 Remix

Remix

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

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

Отправлено 19 Ноябрь 2013 - 13:19

Благодарю! :)

#6 Flor@@

Flor@@

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

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 27 Ноябрь 2013 - 14:07

Просмотр сообщенияKoderhan (18 Ноябрь 2013 - 16:18) писал:

В файле "main.css".
Найти код:
.listing .container {
position: relative;
display: inline;
float: left;
width: 665px;
}
Заменить:

.listing .container {
position: relative;
display: inline;
float: left;
width: 485px;
}


В конец файла "main.css".
Добавить код:
.listing .images {
display: block;
float: left;
width: 185px;
}
а в осени другие же коды?? там что менять?

#7 Koderhan

Koderhan

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

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

Отправлено 28 Ноябрь 2013 - 12:30

Просмотр сообщенияFlor@@ (27 Ноябрь 2013 - 14:07) писал:

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

#8 Flor@@

Flor@@

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

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 28 Ноябрь 2013 - 13:20

да, извините, я просто думала с этим вопросом перейти сюда, поэтому и написала...

#9 krohotylja

krohotylja

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 77 сообщений

Отправлено 29 Январь 2014 - 08:02

Сделала по инструкции картинки не прикрепились? В чем проблема? http://krohotylja.ru

#10 miyako

miyako

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

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

Отправлено 29 Январь 2014 - 08:32

Просмотр сообщенияkrohotylja (29 Январь 2014 - 08:02) писал:

Сделала по инструкции картинки не прикрепились? В чем проблема? http://krohotylja.ru

Можете воспользоваться другой инструкцией - http://forum.storela...сти/#entry77043

#11 krohotylja

krohotylja

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 77 сообщений

Отправлено 30 Январь 2014 - 09:15

Просмотр сообщенияmiyako (29 Январь 2014 - 08:32) писал:

Можете воспользоваться другой инструкцией - http://forum.storela...сти/#entry77043

К сожалению это к списку новостей. А мне надо к списку акций

#12 miyako

miyako

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

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

Отправлено 30 Январь 2014 - 09:31

Просмотр сообщенияkrohotylja (30 Январь 2014 - 09:15) писал:

К сожалению это к списку новостей. А мне надо к списку акций

в шаблоне Список акций найдите код -
  <p>{promotion_campaign.DESCRIPTION_SHORT | nl2br}</p>
и замените его на -
  <p>{promotion_campaign.DESCRIPTION_SHORT | htmlspecialchars_decode}</p>
затем в краткое описание каждой акции добавляете код вида -
<img src="путь до изображения" />

и указываете путь до изображения

#13 Роман

Роман

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 58 сообщений

Отправлено 09 Февраль 2016 - 09:06

Это форменное извращение, извините. Почему не сделать добавление своей картинки к акции стандартной функцией, это же логично.

#14 MikDark

MikDark

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

  • Модераторы
  • 6 399 сообщений

Отправлено 09 Февраль 2016 - 09:24

Просмотр сообщенияРоман (09 Февраль 2016 - 09:06) писал:

Это форменное извращение, извините. Почему не сделать добавление своей картинки к акции стандартной функцией, это же логично.

Здравствуйте. Можете оставить свое пожелание для разработчиков здесь: http://storeland.reformal.ru





Темы с аналогичным тегами картинки, акции

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

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