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


Закончившиеся Товары


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

#1 Brendi

Brendi

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

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

Отправлено 18 Август 2013 - 15:19

Как сделать так, чтобы в каталоге фотографии закончившихся товаров были затемненными?

#2 Koderhan

Koderhan

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

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

Отправлено 18 Август 2013 - 18:47

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товары".
Найти код:
<div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;" >
Заменить:
<div class="items" style="float:left; width:173px;margin: 10px;{% IF goods.MAX_REST_VALUE=0 %}background: #ccc;{%ESLE%} background: #fff;{%ENDIF%}padding:10px;" >


#3 Brendi

Brendi

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

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

Отправлено 19 Август 2013 - 13:09

Если так, получается вот что:

Безымянный.png

A хотелось бы чтобы белые контейнеры у товаров в наличии оставались белыми, а не прозрачными, и сама фото тоже затемнялась, примерно так:

Безымянный1.png

Изменения с сайта удалил.

#4 Сake

Сake

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

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

Отправлено 20 Август 2013 - 06:03

Подобное затемнение корректно реализовать не получиться, так как при подобном подходе кнопки и ссылки будут не активны внутри данного блока. Как вариант это делать не затемнение на прозрачность элемента через свойство opacity.

<div class="items" style="float:left; width:173px;margin: 10px;{% IF goods.MAX_REST_VALUE=0 %}opacity: .5;{%ENDIF%} background: #fff;padding:10px;" >

Если вам как раз и необходимо чтобы кнопки были недоступны, то тогда используйте код

<div class="items" style="float:left; width:173px;margin: 10px;position:relative;background: #fff;padding:10px;">
{% IF goods.MAX_REST_VALUE=0 %}<div style="position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100% ! important; background: rgba(0, 0, 0, .6); z-index: 2;"></div>{%ENDIF%}


#5 Brendi

Brendi

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

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

Отправлено 20 Август 2013 - 10:00

А можно как-нибудь сделать, чтобы была прозрачность, но не было возможности нажать на кнопку "Купить" в каталоге и на странице товара? Или же в варианте с затемнением, чтобы можно было зайти на страницу товара, но купить нельзя было бы, т. к. товара нет в наличии.

#6 Сake

Сake

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

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

Отправлено 21 Август 2013 - 04:09

Для прозрачности используйте все тот же код

<div class="items" style="float:left; width:173px;margin: 10px;{% IF goods.MAX_REST_VALUE=0 %}opacity: .5;{%ENDIF%} background: #fff;padding:10px;" >

только в дополнении найдите

title="Быстро оформить заказ">Купить

и замените на

title="Быстро оформить заказ" {% IF goods.MAX_REST_VALUE=0 %}disabled="disabled"{%ENDIF%}>Купить

и в шаблоне "Товар" найдите

title="Быстро оформить заказ" style="float: left;">Купить

и замените на

title="Быстро оформить заказ" style="float: left;" {% IF GOODS_MOD_REST_VALUE=0 %}disabled="disabled"{%ENDIF%}>Купить


#7 Brendi

Brendi

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

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

Отправлено 22 Август 2013 - 07:54

А можно как-то сделать чтобы в каталоге товаров тоже отображался стикер, что товара нет в наличии?

#8 Vaccina

Vaccina

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

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

Отправлено 23 Август 2013 - 02:26

Сайт - Редактор шаблонов - Товары - найдите:
{% FOR goods %}
<div class="items" style="float:left; width:173px;margin: 10px;background: #fff;padding:10px;">
<figure style="width: 173px;position: relative;overflow:hidden;">
<a href="{goods.URL | url_amp}" title="{goods.NAME}">
<img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
</figure>
после него вставляем:
<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailable">
<div class="available-true" {% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
<div class="available-false" style="{% IF goods.MAX_REST_VALUE >0 %}display:none;{% ENDIF %}">Товара нет в наличии</div>
</div> 


#9 Brendi

Brendi

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

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

Отправлено 23 Август 2013 - 07:28

Ошибку выдает, не сохраняется.

#10 Vaccina

Vaccina

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

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

Отправлено 24 Август 2013 - 00:59

В коде небольшая опечатка, которую я уже убрала. Попробуйте еще раз выполнить инструкцию из сообщения выше http://forum.storela...ары/#entry85804




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

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