Отключен JavaScript

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

1

Как Стилизовать Раздел Акции Вот Здесь:

Автор Flor@@, 27 нояб. 2013 04:38

Вперед

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

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

#1 Flor@@

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

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

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

http://***.ru/discount, хотелось бы выложить их таблицей по 3 штуки.

Наверх

#2 Flor@@

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

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

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

Скрин:

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

Наверх

#4 Flor@@

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

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

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

отлично, супер-супер-супер, а можно ли сделать по 4шт в ряд???
это как-то подкручивается?

Наверх

#5 Flor@@

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

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

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

а акциям разве нельзя присвоить фотки, логотипы, например??? вот нашла, вроде бы тему: http://forum.storela...page__hl__акции
пойду туда))))

только по 4 в ряд было бы супер сделать, поможете?? это же вроде не так сложно???

Наверх

#6 Koderhan

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

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

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

Flor@@ (27 Ноябрь 2013 - 14:01) писал:

а акциям разве нельзя присвоить фотки, логотипы, например??? зашла в настройку акции, но оттуда не получается вроде.

Можно. Только с помощью условий в коде.
Например:

<img class="product_image" src="
{% IF promotion_campaign.NAME=супер акция2 %}
{ASSETS_IMAGES_PATH}super_acia.jpg
{% ELSEIF promotion_campaign.NAME=супер акция %}
{ASSETS_IMAGES_PATH}path.jpg
{% ELSE %}
{ASSETS_IMAGES_PATH}sale_default_gray.jpg
{% ENDIF %}" alt="{promotion_campaign.NAME}" />

Тут в зависимости от названия акции будет выводится ссылка на изображение.

Наверх

#7 Flor@@

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

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

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

добавила, пишет ошибка компиляции шаблона и код не сохраняется.....

Наверх

#8 Koderhan

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

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

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

Flor@@ (27 Ноябрь 2013 - 14:31) писал:

добавила:

<!-- Список акций -->
<ul id="product_list" class="grid2">
{% FOR promotion_campaign %}
<li>
<div class="product-box">
<div class="product_list_details_right">
<div class="product_image_wrapper">
<a href="{promotion_campaign.URL | url_amp}" title="{promotion_campaign.NAME}" class="product_img_link" >

<img class="product_image" src="
{% IF promotion_campaign.NAME=Perrino -45%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=Perrino -10%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=Марракеш -30%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=Муром-мебель -5%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=Виртуоз -20%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=Виртуоз -5%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=Виртуоз -25%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=ВМК Шале -11%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция11 %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция2 %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=упер акция %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция11 %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция %}
{ASSETS_IMAGES_PATH}path.jpg


{% ELSE IF promotion_campaign.NAME=супер акция11 %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE IF promotion_campaign.NAME=супер акция %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSE %}
{ASSETS_IMAGES_PATH}sale_default_gray.jpg
{% ENDIF %}" alt="{promotion_campaign.NAME}" />
</a>
</div>
</div>

<div class="product_list_details">
<div class="product_list_details_left">
<h5><a href="{promotion_campaign.URL | url_amp}" title="{promotion_campaign.NAME}">{promotion_campaign.NAME}</a></h5>
</div>
<div class="product_list_details_right">
<div class="promotionCampaignInfo">
<p><span>Сроки проведения:</span></p>
<p>{promotion_campaign.BEGINNING_TIME | date("d.m.Y")} - {promotion_campaign.EXPIRED_TIME | date("d.m.Y")}</p>
<p><a href="{promotion_campaign.URL | url_amp}" class="link-more">Подробней</a></p>

</div>
</div>
</div>
<br class="clear" />
</div>
</li>
{% ENDFOR promotion_campaign %}
</ul>
<!-- END Список акций -->

пишет ошибка компиляции шаблона.

Код:

ELSE IF

Нужно писать слитно. Так:
ELSEIF

Наверх

#9 Flor@@

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

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

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

добавила вот так:

<img class="product_image" src="
{% IF promotion_campaign.NAME=Perrino -45%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSEIF promotion_campaign.NAME=Perrino -10%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSEIF promotion_campaign.NAME=Марракеш -30%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSEIF promotion_campaign.NAME=Муром-мебель -5%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSEIF promotion_campaign.NAME=Виртуоз -20%! %}
{ASSETS_IMAGES_PATH}Virtuos.jpg

{% ELSEIF promotion_campaign.NAME=Виртуоз -5%! %}
{ASSETS_IMAGES_PATH}Virtuos.jpg

{% ELSEIF promotion_campaign.NAME=Виртуоз -25%! %}
{ASSETS_IMAGES_PATH}Virtuos.jpg

{% ELSEIF promotion_campaign.NAME=ВМК Шале -11%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSEIF promotion_campaign.NAME=Perrino -50%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSEIF promotion_campaign.NAME=Perrino -40%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSEIF promotion_campaign.NAME=Perrino -30%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSEIF promotion_campaign.NAME=Мебельхолдинг -5%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSEIF promotion_campaign.NAME=DreamLine -50%! %}
{ASSETS_IMAGES_PATH}dreamline.jpg

{% ELSEIF promotion_campaign.NAME=Лонакс Премиум -30%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSEIF promotion_campaign.NAME=Аннита -15%! %}
{ASSETS_IMAGES_PATH}annita.jpg

{% ELSEIF promotion_campaign.NAME=Вивера -20%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSEIF promotion_campaign.NAME=Круглые матрасы -5%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSEIF promotion_campaign.NAME=Вивера -8%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSEIF promotion_campaign.NAME=Лонакс -10%! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSEIF promotion_campaign.NAME=DreamLine -40%! %}
{ASSETS_IMAGES_PATH}dreamline.jpg

{% ELSEIF promotion_campaign.NAME=Мы дарим подарки! %}
{ASSETS_IMAGES_PATH}path.jpg

{% ELSEIF promotion_campaign.NAME=Dreamline -20%! %}
{ASSETS_IMAGES_PATH}dreamline.jpg

{% ELSE %}
{ASSETS_IMAGES_PATH}sale_default_gray.jpg
{% ENDIF %}" alt="{promotion_campaign.NAME}" />

фото новые присвоенные не появились вообще....

Наверх

#10 Flor@@

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

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

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

фото не появляются на странице акции все равно: http://otdyh-i-son.ru/discount и по 4 штуки в ряд поставить можно акции???

Наверх

#11 Flor@@

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

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

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

похоже, что знак "%" действительно мешает, но:
1. честно говоря в названии акции он нам ооооооооочень нужен!!!!!!
2. все равно фото встает криво даже при убирании знака процента.

Наверх

#12 Koderhan

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

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

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

Flor@@ (27 Ноябрь 2013 - 15:59) писал:

похоже, что знак "%" действительно мешает, но:
1. честно говоря в названии акции он нам ооооооооочень нужен!!!!!!
2. все равно фото встает криво даже при убирании знака процента.

В конец файла "style.css".
Добавить код:

.s1 #product_list .product_image {
	max-width: 100%;
}

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "Список акций".
Найти код:

<div id="category_view_type" class="list_view">

Заменить:

<div id="category_view_type" class="list_view s1">

В файле "style.css".
Найти код:

#category_view_type.list_view #product_list .product_list_details{display:block;overflow:hidden;min-height:85px; /* padding-left: 20px; */width: 100%;}

Заменить:

#category_view_type.list_view #product_list .product_list_details{display:block;overflow:hidden;min-height:85px; padding-left: 20px;}
.s1.list_view #product_list .product_list_details{display:block;overflow:hidden;min-height:85px; padding-left: 0px; width: 100%;}

Найти код:

@media only screen and (max-width:1210px)
{
.container{width:950px}
.column,.columns{margin:0 10px}
.half{width:455px}
.one-third{width:220px}
.two-third{width:690px}
.hide-tablet-n-mobile{display:none!important}
#category_view_type.list_view #product_list li{width:212px}
#left-column{width: 324px;}
#left-column #image-block{width:408px}
#left-column #image-block #small_pic{width:408px;height:auto}
#left-column #view_scroll_left,#left-column #view_scroll_right{width:48px}
#left-column #thumbs_list{width: 210px;}
#right-wrapper{width: 326px;}
#product_page_hook_right{display:none}
#product_comparison .product_desc{height:60px}
ul#order_step li{width:168px}
ul#order_step li#step_end{width:172px}
}

Заменить:

@media only screen and (max-width:1210px)
{
.container{width:950px}
.column,.columns{margin:0 10px}
.half{width:455px}
.one-third{width:220px}
.two-third{width:690px}
.hide-tablet-n-mobile{display:none!important}
#category_view_type.list_view #product_list li{width:690px}
.s1.list_view #product_list li{width:212px}
#left-column{width: 324px;}
#left-column #image-block{width:408px}
#left-column #image-block #small_pic{width:408px;height:auto}
#left-column #view_scroll_left,#left-column #view_scroll_right{width:48px}
#left-column #thumbs_list{width: 210px;}
#right-wrapper{width: 326px;}
#product_page_hook_right{display:none}
#product_comparison .product_desc{height:60px}
ul#order_step li{width:168px}
ul#order_step li#step_end{width:172px}
}

Найти код:

/* Отображение товаров списком */
#category_view_type.list_view #product_list_wrapper{position:relative}
#category_view_type.list_view #product_list li a{color:#484A54}
#category_view_type.list_view #product_list li{width:240px;float: left;}

Заменить:

/* Отображение товаров списком */
#category_view_type.list_view #product_list_wrapper{position:relative}
#category_view_type.list_view #product_list li a{color:#484A54}
#category_view_type.list_view #product_list li{position:relative;width:930px;clear:both;margin:0 15px;padding:0 0 20px 0;border:0;border-bottom:1px dotted #c0c0c0}
.s1 #product_list li{position:static; clear:none; margin:0; padding:0; border: 0; width:240px;float: left;}

Найти код:

 
#category_view_type.list_view #product_list .product_list_details{display:block;overflow:hidden;min-height:85px; width: 100%;}

Заменить:

#category_view_type.list_view #product_list .product_list_details{display:block;overflow:hidden;min-height:85px; padding-left: 20px;}
.s1 #product_list .product_list_details{display:block;overflow:hidden;min-height:85px;  padding-left: 0px; width: 100%;}

Наверх

#13 Flor@@

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

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

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

не помогло, все снова превратилось в список, вместо нужной таблицы, а фотографии так и не появились....
вот эти два кода оба ставить???:

#category_view_type.list_view #product_list li{position:relative;width:930px;clear:both;margin:0 15px;padding:0 0 20px 0;border:0;border-bottom:1px dotted #c0c0c0}
.s1 #product_list li{position:static; clear:none; margin:0; padding:0; border: 0; width:240px;float: left;}

#category_view_type.list_view #product_list li{position:relative;width:930px;clear:both;margin:0 15px;padding:0 0 20px 0;border:0;border-bottom:1px dotted #c0c0c0}
.s1.list_view #product_list .product_list_details{display:block;overflow:hidden;min-height:85px; padding-left: 0px; width: 100%;}

Наверх

#14 Flor@@

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

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

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

помогите сделать табличное отображение с конкретными фотографиями!!!!!

Наверх

#15 Koderhan

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

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

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

Flor@@ (27 Ноябрь 2013 - 16:55) писал:

не помогло, все снова превратилось в список, вместо нужной таблицы, а фотографии так и не появились....
вот эти два кода оба ставить???:

#category_view_type.list_view #product_list li{position:relative;width:930px;clear:both;margin:0 15px;padding:0 0 20px 0;border:0;border-bottom:1px dotted #c0c0c0}
.s1 #product_list li{position:static; clear:none; margin:0; padding:0; border: 0; width:240px;float: left;}

#category_view_type.list_view #product_list li{position:relative;width:930px;clear:both;margin:0 15px;padding:0 0 20px 0;border:0;border-bottom:1px dotted #c0c0c0}
.s1.list_view #product_list .product_list_details{display:block;overflow:hidden;min-height:85px; padding-left: 0px; width: 100%;}

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "style.css".
Найти код:

.s1 #product_list li{position:static; clear:none; margin:0; padding:0; border: 0; width:240px;float: left;}
.s1.list_view #product_list .product_list_details{display:block;overflow:hidden;min-height:85px; padding-left: 0px; width: 100%;}

Заменить:

#category_view_type.list_view.s1 #product_list li{position:static; clear:none; margin:0; padding:0; border: 0; width:240px;float: left;}
#category_view_type.s1.list_view #product_list .product_list_details{display:block;overflow:hidden;min-height:85px; padding-left: 0px; width: 100%;}

Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "style.css".
Добавить код:

#category_view_type.list_view.s1 #product_list .product_image_wrapper {
	min-height: 195px;
}

Наверх

#16 Flor@@

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

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

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

урраааааааааааааааааа!!!! спасибо огромное!!!!! заработало!!!!!!
уменьшить размер картинок как-то можно отображаемых?????
и знак процента в названии акции нельзя ставить вообще??????

Наверх

#17 Koderhan

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

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

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

Знак процента можно прописать в коде.

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "Список акций".
Найти код:

<h5><a href="{promotion_campaign.URL | url_amp}" title="{promotion_campaign.NAME}">{promotion_campaign.NAME}</a></h5>

Заменить:

<h5><a href="{promotion_campaign.URL | url_amp}" title="{promotion_campaign.NAME}">{promotion_campaign.NAME} %</a></h5>

И для уменьшения размера изображений.

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:

#category_view_type.list_view.s1 #product_list .product_image_wrapper {
		min-height: 195px;
}

Заменить:

#category_view_type.list_view.s1 #product_list .product_image_wrapper {
		min-height: 175px;
}

В конец файла "style.css".
Добавить код:

#category_view_type.list_view.s1 #product_list .product_image {
	max-width: 172px;
}

Наверх

#18 Flor@@

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

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

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

спасибищееееееееее!!!!!!!!!!!!!!!!!!!! супер-супер!!!!!!

Наверх

#19 Flor@@

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

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

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

а как скрыть не действующие на данный момент (закончившиеся) акции??

Наверх

#20 Koderhan

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

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

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

Flor@@ (29 Ноябрь 2013 - 10:09) писал:

а как скрыть не действующие на данный момент (закончившиеся) акции??

В файле "".
После кода:

	<!-- Список акций -->
	<ul id="product_list" class="grid2">
	  {% FOR promotion_campaign %}

Добавить:

{% IF promotion_campaign.IS_WORK %}

До кода:

	  {% ENDFOR promotion_campaign %}

Добавить:

{%ENDIF%}

Наверх

Вперед

Обратно в Акции

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

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

Как Стилизовать Раздел Акции Вот Здесь:

#1 Flor@@

#2 Flor@@

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

#3 Koderhan

#4 Flor@@

#5 Flor@@

#6 Koderhan

#7 Flor@@

#8 Koderhan

#9 Flor@@

#10 Flor@@

#11 Flor@@

#12 Koderhan

#13 Flor@@

#14 Flor@@

#15 Koderhan

#16 Flor@@

#17 Koderhan

#18 Flor@@

#19 Flor@@

#20 Koderhan

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

Google поиск

Как Стилизовать Раздел Акции Вот Здесь:

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

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

Войти

Google поиск