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


Кнопка "выбрать Модификацию" Вместо Кнопки "в Корзину" В Каталоге, Если Есть Несколько Модификаций

Автор Милый Мишка, 18 марта 2017 21:45

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

#1 Милый Мишка

Милый Мишка

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

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

Отправлено 18 Март 2017 - 21:45

Добрый день, помогите, пожалуйста, внести изменения.

Тема Город, аккаунт SL-283354.
Каталог для теста http://xn--80apadgdf...nie-kombinezony

Есть 4 группы товаров по наличию и код работает так
1. У товара одна модификация и она в наличии - есть кнопка "в корзину"
2. У товара несколько модификация, ни одной нет в наличии - есть кнопка "нет в наличии"
3. У товара несколько модификаций, в наличии есть не все - есть кнопка "в корзину", при ее нажатии в корзину попадает товар с основной модификацией, которая в наличии (т.е. клиент выбрать модификацию не может)
4.  У товара несколько модификаций, в наличии есть все - есть кнопка "в корзину", при ее нажатии в корзину попадает товар с основной модификацией (т.е. клиент выбрать модификацию не может)

ПРОБЛЕМА как раз с третьей и четвертой группой товаров
У товара несколько модификаций, в наличии есть не все либо все есть в наличии
Только для таких товаров нужно чтобы клиент не мог положить товар в корзину автоматически, не выбрав предварительно модификацию.
То если у товара несколько модификаций то кнопки "в корзину" быть не должно. Вместо нее должна быть кнопка "выбрать размер", при нажатии на которую клиент перенаправлялся в карточку товара. Кнопка "нет в наличии", если в наличии нет ни одной модификации остается.

То есть код должен так работать
1. Проверять сколько модификаций у товара
2. Если модификация одна и товар в наличии - то кнопка "в корзину"
3. Если модификация одна и товара нет в анличии - то кнопка "нет в наличии"
4. Если модификаций несколько, но нет ни одной в наличии - то кнопка "нет в наличии"
5. Если модификаций несколько и в наличии есть хотя бы одна (или все в наличии) - то кнопка "выбрать размер", ведущая на страницу товара.

#2 Милый Мишка

Милый Мишка

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

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

Отправлено 06 Май 2017 - 15:24

Все еще актуально, неужели нет решения? В других шаблонах решение было! Очень прошу помочь внести изменения!

Суть изменений - в КАТАЛОГЕ кнопка купить (или "нет в наличии" если товара нет) должна быть только у товаров с ОДНОЙ модификацией. У всех остальных должна быть кнопка "выбрать модификацию" при нажатии на которую клиент перенаправлялся на страницу товара.

#3 Vaccina

Vaccina

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

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

Отправлено 11 Май 2017 - 06:17

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a>

замените на:
{% IF goods.COUNT_MODIFICATION > 1 %}
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" class="more" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE = 0 %}Нет в наличии{% ELSE %}Выбрать модификацию{% ENDIF %}</span></a>
{% ELSE %}
<a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a>
{% ENDIF %}


Далее зайдите в main.css - найдите:
.actions .add-cart {
padding: 0;
width: 100%;
left: 0;
}

замените на:
.actions .add-cart, .actions .more {
padding: 0;
width: 100%;
left: 0;
display: block;
margin-bottom: 5px;
}

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

#4 Милый Мишка

Милый Мишка

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

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

Отправлено 11 Май 2017 - 17:15

Просмотр сообщенияVaccina (11 Май 2017 - 06:17) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a>

замените на:
{% IF goods.COUNT_MODIFICATION > 1 %}
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" class="more" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE = 0 %}Нет в наличии{% ELSE %}Выбрать модификацию{% ENDIF %}</span></a>
{% ELSE %}
<a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a>
{% ENDIF %}


Далее зайдите в main.css - найдите:
.actions .add-cart {
padding: 0;
width: 100%;
left: 0;
}

замените на:
.actions .add-cart, .actions .more {
padding: 0;
width: 100%;
left: 0;
display: block;
margin-bottom: 5px;
}

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

Спасибо, все работает!
Создали тестовую категорию со всеми вариантами - все корректно. Вот эта категория http://xn--80apadgdf...talog/Pinetki-2

Еще 2 вопроса:
1. А можно как то сделать так, чтобы кнопка "нет в наличии" в каталоге была серой, как сейчас.
А кнопка "купить" и "выбрать размер" другого цвета?

2. И еще вопрос по выравниванию товаров в каталоге. В каталоге по ссылке все товары неровно - то есть с пропусками и пустыми местами, в шахматном порядке. И так и в других разделах. Это можно исправить, чтобы все было подряд без разрывов и пустых мест? Вот раздел каталога для примера Вот эта категория http://xn--80apadgdf...talog/Pinetki-2

#5 Vaccina

Vaccina

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

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

Отправлено 12 Май 2017 - 07:17

Здравствуйте.

В этом случае в шаблоне Товары код:
{% IF goods.COUNT_MODIFICATION > 1 %}
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" class="more" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE = 0 %}Нет в наличии{% ELSE %}Выбрать размер{% ENDIF %}</span></a>
{% ELSE %}
<a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a>
{% ENDIF %}

замените на:
{% IF goods.COUNT_MODIFICATION > 1 %}
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" class="more" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE = 0 %}Нет в наличии{% ELSE %}Выбрать размер{% ENDIF %}</span></a>
{% ELSE %}
<a class="{% IF goods.MAX_REST_VALUE=0 %}not_av{% ENDIF %} add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a>
{% ENDIF %}

Далее зайдите в main.css найдите:
.actions .add-cart, .actions .more {
padding: 0;
width: 100%;
left: 0;
}

замените на:
.actions .add-cart, .actions .more {
padding: 0;
width: 100%;
left: 0;
background: #e05a00;
display: block;
}
.actions .add-cart:hover, .actions .more:hover {
background: rgba(0,0,0,0.5);
}
.actions .not_av{
  background: rgba(0,0,0,0.5);
}
.actions .not_av:hover{
  background: #e05a00;
}

#6 Милый Мишка

Милый Мишка

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

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

Отправлено 08 Июнь 2017 - 22:06

Просмотр сообщенияVaccina (12 Май 2017 - 07:17) писал:

Здравствуйте.

В этом случае в шаблоне Товары код:
{% IF goods.COUNT_MODIFICATION > 1 %}
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" class="more" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE = 0 %}Нет в наличии{% ELSE %}Выбрать размер{% ENDIF %}</span></a>
{% ELSE %}
<a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a>
{% ENDIF %}

замените на:
{% IF goods.COUNT_MODIFICATION > 1 %}
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" class="more" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE = 0 %}Нет в наличии{% ELSE %}Выбрать размер{% ENDIF %}</span></a>
{% ELSE %}
<a class="{% IF goods.MAX_REST_VALUE=0 %}not_av{% ENDIF %} add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a>
{% ENDIF %}

Далее зайдите в main.css найдите:
.actions .add-cart, .actions .more {
padding: 0;
width: 100%;
left: 0;
}

замените на:
.actions .add-cart, .actions .more {
padding: 0;
width: 100%;
left: 0;
background: #e05a00;
display: block;
}
.actions .add-cart:hover, .actions .more:hover {
background: rgba(0,0,0,0.5);
}
.actions .not_av{
background: rgba(0,0,0,0.5);
}
.actions .not_av:hover{
background: #e05a00;
}

Спасибо, код вставили.

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

Это все верно.

Дальше не верно работает
2 модификации, нет обеих. Должна быть серая кнопка и надпись "нет в наличии". Сейчас надпись верная, но кнопка оранжевая.
Как сделать ее серой?

#7 Vaccina

Vaccina

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

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

Отправлено 09 Июнь 2017 - 08:21

Здравствуйте.

Попробуйте следующее, зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
{% IF goods.COUNT_MODIFICATION > 1 %}
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" class="more" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE = 0 %}Нет в наличии{% ELSE %}Выбрать размер{% ENDIF %}</span></a>
{% ELSE %}
<a class="{% IF goods.MAX_REST_VALUE=0 %}not_av{% ENDIF %} add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a>
{% ENDIF %}

замените на:
{% IF goods.COUNT_MODIFICATION > 1 %}
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" class="{% IF goods.MAX_REST_VALUE=0 %}not_av{% ENDIF %} more" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE = 0 %}Нет в наличии{% ELSE %}Выбрать размер{% ENDIF %}</span></a>
{% ELSE %}
<a class="{% IF goods.MAX_REST_VALUE=0 %}not_av{% ENDIF %} add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a>
{% ENDIF %}

#8 Милый Мишка

Милый Мишка

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

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

Отправлено 09 Июнь 2017 - 09:08

Просмотр сообщенияVaccina (09 Июнь 2017 - 08:21) писал:

Здравствуйте.

Попробуйте следующее, зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
{% IF goods.COUNT_MODIFICATION > 1 %}
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" class="more" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE = 0 %}Нет в наличии{% ELSE %}Выбрать размер{% ENDIF %}</span></a>
{% ELSE %}
<a class="{% IF goods.MAX_REST_VALUE=0 %}not_av{% ENDIF %} add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a>
{% ENDIF %}

замените на:
{% IF goods.COUNT_MODIFICATION > 1 %}
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" class="{% IF goods.MAX_REST_VALUE=0 %}not_av{% ENDIF %} more" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE = 0 %}Нет в наличии{% ELSE %}Выбрать размер{% ENDIF %}</span></a>
{% ELSE %}
<a class="{% IF goods.MAX_REST_VALUE=0 %}not_av{% ENDIF %} add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a>
{% ENDIF %}

Спасибо, все работает!
Обратно в Каталог товаров


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Город
  5. → Каталог товаров
  6. Privacy Policy