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


Бирка Скидки На Товарах Акции


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

#41 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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

У вас и не должно быть данной строки

<div style="position:absolute;right:0;top:0;

Вам необходимо добавить данный блок

{%IF goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position:absolute;right:0;top:0;background:url({ASSETS_IMAGES_PATH}birka.png);width:50px;height:50px;">{goods.MAX_DISCOUNT}</div>
{%ENDIF%}

например после

<td class="goodsListItem"> 

так же желательно заменить эту строку на
<td class="goodsListItem" style="position:relative;"> 

в итоге шаблон примет вид

<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> 

<!-- Если отображаем полный каталог товаров, без указания категории -->
	  {% IF IS_FULL_CATALOG %}
		> <strong>Каталог товаров</strong>
	  <!-- Если отображаем товары в категории -->
	  {% ELSE %}
		> <a href="{CATALOG_URL}" >Каталог товаров</a> 
		{% FOR upper_navigation %}
		  {% IF upper_navigation.CURRENT %} > <strong>{upper_navigation.NAME}</strong>{% ELSEIF upper_navigation.CURRENT_PARENT %} > <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
		{% ENDFOR %}
	  {% ENDIF %}
</p>

{% IF IS_FULL_CATALOG %}
	<!-- Блок навигации по категориям, вложенным в текущую категорию -->
	<ul class="content_catalog_nested_categories">
   
	  {% FOR nested_categories_list %}
		<li>
		  <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
		  <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a>
		</li>
	  {% ENDFOR %}
	</ul>
	<br clear="all"/>
  {% ELSE %}

<!-- Короткое SEO описание категории -->
{CATEGORY_SEO_DESCRIPTION_SHORT}

<table>
  
  <!-- Фильтры показываются только если есть товары в категории -->
  {% IFNOT goods_empty %}
	<!-- Дополнительная навигация для работы со списком товаров -->
	<tr>
	  <!-- Блок выбора параметра по которому производится сортировка списка товаров и возможность изменения лимитов выдачи -->
	  <td>
		<form action="">
		  <div>
			<!-- Список фильтров, которые сейчас действуют на результаты поиска -->
			{% FOR goods_filters %}
			  <input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" />
			{% ENDFOR %}
	
			<!-- Поле выбора сортировки -->
			{% IF goods_show_order_fields %}
			  Сортировать по:
			  <select name="goods_search_field_id" onchange="this.form.submit();">
				{% FOR goods_order_fields %}
				  <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
				{% ENDFOR %}
			  </select>
			{% ENDIF %}
			
			<!-- Поле выбора лимитов -->
			{% IF goods_show_per_page %}
			  Показывать по:
			  <select name="per_page" onchange="this.form.submit();">
				{% FOR goods_per_page_list %}
				  <option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option>
				{% ENDFOR %}
			  </select>
			{% ENDIF %}
		  </div>
		</form>
	  </td>
	  <!-- END Блок выбора параметра по которому производится сортировка списка товаров -->
	  
	  <!-- Страницы -->
	  <td class="alignRight">
		<div>
		  {% IF show_pages %}
		  <div class="square_pages">
			<span>Страницы: </span>
			  {% FOR goods_pages %}
				{% IF goods_pages.CURRENT %}
				  <b>{goods_pages.PAGE}</b>
				{% ELSE %}
				  <a href="{GOODS_PAGINATE_URL}&page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
				{% ENDIF %}
			  {% ENDFOR %}
		  </div>
		  {% ENDIF %}
		</div>
	  </td>
	  <!-- END Страницы -->
	</tr>
	<!-- END Дополнительная навигация для работы со списком товаров -->
  {% ENDIF %}
  <!-- END Фильтры показываются только если есть товары в категории -->
  
  <!-- Список товаров -->
  <tr>
	<td colspan="2">
	  <table style="padding:0px;margin:0px;">
		<tr>
		  
		  <!-- Если список товаров пуст -->
		  {% IF goods_empty %}
			<td>
			  <!-- Если не применено ни одного фильтра, значит в категории нет товаров -->
			  {% IF goods_filters_empty %}
			   
				<!-- Если в категории нет товаров, но есть категории, то отобразим их -->
				{%IFNOT nested_categories_list_empty %}
		  
				  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
				  <ul class="content_catalog_nested_categories">
					{% FOR nested_categories_list %}
					  <li>
						<div class="withBorder cornerAll" style="padding:1em">
						  <div><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
						  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
						</div>
					  </li>
					{% ENDFOR %}
				  </ul>
				  <br clear="all"/>
				  

				<!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет -->
				{% ELSE %}
				 <h3>Нет товаров в категории</h3>
				{% ENDIF %}
		  
			  <!-- Если производили фильтрацию товаров в категории -->
			  {% ELSE %}
				<h3>Нет товаров для выбранных условий</h3>
			  {% ENDIF %}
			</td>

		  <!-- Если есть товары -->
		  {% ELSE %}
			{% FOR goods %}
						<td class="goodsListItem" style="position:relative;"> 
{%IF goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position:absolute;right:0;top:0;background:url({ASSETS_IMAGES_PATH}birka.png);width:50px;height:50px;">{goods.MAX_DISCOUNT}</div>
{%ENDIF%}   
			  <div class="goodsListItemBlock withBorder cornerAll">		   
				<div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
							<h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
							<div class="goodsListItemPriceNew">
							<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
						  </div>  
						  <div class="goodsListItemPriceOld">
							  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
					{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
					{% ENDIF %}					 
				   </div>
				</div>
			  </td>
						{goods.index | is_divided("4","</tr><tr>","")}
				{% ENDFOR goods %}
				{% ENDIF %}
		</tr>
	  </table>
	</td>
  </tr>
  <!-- END Список товаров -->
  
  <!-- Подвал таблицы со списком товаров -->
  <tr>
	<!-- Страницы -->
	<td colspan="2" class="alignRight">
	  <div>
		{% IF show_pages %}
		<div class="square_pages">
		  <span>Страницы: </span>
			{% FOR goods_pages %}
			  {% IF goods_pages.CURRENT %}
				<b>{goods_pages.PAGE}</b>
			  {% ELSE %}
				<a href="{GOODS_PAGINATE_URL}&page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
			  {% ENDIF %}
			{% ENDFOR %}
		</div>
		{% ENDIF %}
	  </div>
	</td>
	<!-- END Страницы -->
  </tr>
  <!-- END Подвал таблицы со списком товаров -->

</table>

<!-- Описание категории -->
<div class="htmlDataBlock">
  {CATEGORY_DESCRIPTION}
</div>

<!-- Полное SEO описание категории -->
<div class="htmlDataBlock">
  {CATEGORY_SEO_DESCRIPTION_LARGE}
</div>

{% ENDIF %}


#42 ya.r.ik

ya.r.ik

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородРостов-на-Дону

Отправлено 14 Январь 2012 - 19:27

Спасибо циферки скидки появились.Буду доделывать.
Причина была в том что код
<td class="goodsListItem"> 
необходимо было заменить на
<td class="goodsListItem" style="position:relative;"> 


#43 ya.r.ik

ya.r.ik

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородРостов-на-Дону

Отправлено 14 Январь 2012 - 19:44

Возник другой вопрос, как изменить само число скидки которые появилось (поменять его цвет, увеличить и сделать чтобы это число было по середине моей картинки, а не сверху?

#44 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 16 Январь 2012 - 15:58

Это можно реализовать через стили. А именно с блоком

<div style="position:absolute;right:0;top:0;background:url({ASSETS_IMAGES_PATH}birka.png);width:50px;height:50px;">{goods.MAX_DISCOUNT}</div>

Для задания цвета используйте свойство color, для регулирования положения используйте свойство top и right изменяя их значения. Например

<div style="text-align:center;color:#000;position:absolute;right:45%;top:5px;background:url({ASSETS_IMAGES_PATH}birka.png);width:50px;height:50px;">{goods.MAX_DISCOUNT}</div>


#45 ya.r.ik

ya.r.ik

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородРостов-на-Дону

Отправлено 16 Январь 2012 - 21:13

Этими стилями передвигается сама бирка, а сам текст в бирке не могу сдвинуть влево.Посмотрите тут

#46 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Январь 2012 - 20:21

достаточно добавить в данный блок ко всем стилям сл.стиль:
pading-left: нужное Вам значение px;


#47 ya.r.ik

ya.r.ik

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородРостов-на-Дону

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

Спасибо

#48 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 31 Март 2012 - 04:05

а у меня не получилось :(

#49 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Апрель 2012 - 16:17

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

#50 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 10 Апрель 2012 - 04:31

Уже не помню, что конкретно делала, вот кусок кода:

Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />


              {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
                Цена без учёта скидки: <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
              {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
                Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
              {% ENDIF %}
            </p>
            <p>
              <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a>
            </p>
          </div>
          <div class="clr"></div>
        </div>
      {% ENDFOR goods %}
      <!-- /Список товаров. Список -->
    {% ELSE %}
      <!-- Список товаров. Таблица -->
      <table>
        {% FOR goods %}
          <td class="goodsListItem">  

{%IF goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position:absolute;right:0;top:0;background:url({ASSETS_IMAGES_PATH}birka.jpg);width:50px;height:50px;">{goods.MAX_DISCOUNT}</div>
{%ENDIF%}
            <div class="goodsListItemBlock withBorder cornerAll">
              <table class="goodsListItemImage">
                <tr>
                  <td>
                    <a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
                  </td>
                </tr>
              </table>
              
              <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
              <div class="goodsListItemPriceNew">
                <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
              </div>  
              <div class="goodsListItemPriceOld">
                {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
                  <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
                {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
                  <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
                {% ENDIF %}
              </div>
            </div>
          </td>
        {goods.index | is_divided("3","</tr><tr>","")}
        {% ENDFOR goods %}
      </table>
    <!-- /Список товаров. Таблица -->
    {% ENDIF %}
  {% ENDIF %}      
  <!-- end Goods list -->
  
  <!-- Pages -->
  {% IF show_pages %}
  <div class="pagination">
    <span class="pp-title">Страницы:</span>
    {% FOR goods_pages %}
      {% IF goods_pages.CURRENT %}
        <span class="pp-page pp-current">{goods_pages.PAGE}</span>
      {% ELSE %}
        <a class="pp-page" href="{GOODS_PAGINATE_URL}&page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
      {% ENDIF %}
    {% ENDFOR %}
  </div>
  {% ENDIF %}
  <!-- end Pages -->

#51 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Апрель 2012 - 21:16

Возможно бирку не видно из-за отсутствия свойства position:relative; в классе .goodsListItem

В файле стилей найдите

.goodsListItem {
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 195px;
}

замените на

.goodsListItem {
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 195px;
	position:relative;
}


#52 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

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

Просмотр сообщенияVaccina (10 Апрель 2012 - 21:16) писал:

Возможно бирку не видно из-за отсутствия свойства position:relative; в классе .goodsListItem

.goodsListItem {
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 195px;
}

Внесла необходимые изменения, и у меня стали в списках товаров (при входе в конкретную категорию каталога) на сайте отображаться какие-то цифры: "5" и "10"  :lol: ? это что такое?


Изображение на скрине их выделила.



#53 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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

<div style="position:absolute;right:0;top:0;background:url({ASSETS_IMAGES_PATH}birka.jpg);width:50px;height:50px;">{goods.MAX_DISCOUNT}</div>
здесь перепроверьте стили и изображение.
На данный момент больше ничем помочь не могу так как на Вашем сайте отсутствуют изменения указанные в скриншоте

#54 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 12 Апрель 2012 - 00:50

Просмотр сообщенияVaccina (11 Апрель 2012 - 22:17) писал:

<div style="position:absolute;right:0;top:0;background:url({ASSETS_IMAGES_PATH}birka.jpg);width:50px;height:50px;">{goods.MAX_DISCOUNT}</div>
здесь перепроверьте стили и изображение.
На данный момент больше ничем помочь не могу так как на Вашем сайте отсутствуют изменения указанные в скриншоте
проверила: почему-то отсутствовал файл birka.jpg, как только подгрузила его на сайт, снова пояились вот эти цифры. Посмотрите еще раз, пожалуйста. 

#55 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Апрель 2012 - 13:16

Пожалуйста, дайте ссылку на страницу - где эти цифры отображаются. Не получается их найти на вашем сайте.

#56 ogonek7777

ogonek7777

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

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

Отправлено 13 Апрель 2012 - 21:58

Здравствуйте, а почему у меня в коде не действуют left:5;top:10 ?
пробовала подставить пикселы - начинает располагать картинку в отношении края сайта(((
Заранее спасибо!

#57 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 14 Апрель 2012 - 15:08

Просмотр сообщенияVaccina (13 Апрель 2012 - 13:16) писал:

Пожалуйста, дайте ссылку на страницу - где эти цифры отображаются. Не получается их найти на вашем сайте.

http://otdyh-i-son.r...alog/РАСПРОДАЖА, здесь собрала товары из всех акций, отображаемые цифры это проценты скидок, но мне нужны картинки или ж хотя бы красивые стилизованные цифры и со знаком минус тогда уж. 

#58 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 16 Апрель 2012 - 21:16

Цитата

Здравствуйте, а почему у меня в коде не действуют left:5;top:10 ?
пробовала подставить пикселы - начинает располагать картинку в отношении края сайта(((
Заранее спасибо!
Во-первых, Вы правильно поняли, нужно ставить пиксели.
Во-вторых, необходимо блоку, в котором Вы выравниваете необходимый, прописать стиль position:relative; чтобы Ваш блок передвигался относительно его.
Если будут вопросы, обращайтесь. В сл.раз указывайте адрес своего сайта, чтобы я могла проконсультировать Вас исходя из Вашего кода. :)


Цитата

http://otdyh-i-son.r...alog/РАСПРОДАЖА, здесь собрала товары из всех акций, отображаемые цифры это проценты скидок, но мне нужны картинки или ж хотя бы красивые стилизованные цифры и со знаком минус тогда уж.
Картинка у Вас не отображается, так как в оригинале имеет огромный размер.
http://img.storeland...20306/birka.jpg
Уменьшите ее и перезалейте на сайт
Вполне будет достаточно если по ширине она будет 70-90px
Также установите Ваш код бирки:
<div style="position:absolute;right:0;top:0;background:url(http://img.storeland.ru/web/upload/assets/images/21/20306/birka.jpg);width:50px;height:50px;">5</div>
После:
<div class="goodsListItemBlock withBorder cornerAll">
далее в main.css найдите:
.goodsListItemBlock {
	border: medium none !important;
	height: 270px;
	margin: 5px;
	overflow: hidden;
	width: 170px;
}
и допишите туда position:relative;

#59 ogonek7777

ogonek7777

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

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

Отправлено 16 Апрель 2012 - 21:52

Спасибо за ответ! Но не получается:

<!-- Если есть товары -->
	  	{% ELSE %}
			{% FOR goods %}
	  			 <td class="goodsListItem" style="position:relative;"> 
{%IF goods.MAX_DISCOUNT_EXPIRED_AT%}
   <div style="position: absolute ; left:5;top:10;background:url({ASSETS_IMAGES_PATH}bhg7.jpg);width:56px;height:50px;"></div>
{%ENDIF%} 
		  	<div class="goodsListItemBlock withBorder cornerAll">
	  				<div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
	  				<h3  class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
	  				<div class="goodsListItemPriceNew">
						<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
				  	</div> 
		   		<div class="goodsListItemPriceOld">
{% IF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
   <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
 </div>
   		

Страница с примером акционного товара

#60 Flor@@@

Flor@@@

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

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 17 Апрель 2012 - 04:07

спасибо огромное, только теперь эта бирка акции отражается на каждом-каждом товаре на сайте, а не только на товарах акции, а во-вторых, цифры так никуда и не делись, а расположены поверх картинок "Акция" для тех товаров, которые действительно продаются по акции.




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

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