0
Первые Изменения
Автор Mari-ina, 13 янв. 2016 20:33
Сообщений в теме: 66
#61
Отправлено 16 Февраль 2016 - 12:36
!
#62
Отправлено 16 Февраль 2016 - 13:07
Mari-ina (14 Февраль 2016 - 21:16) писал:
К сожалению, все совершенно не то. По второму пункту я хотела, чтобы модификации появлялись только при наведении. А сейчас они, во-первых, видны все время; а во-вторых, на главной странице вообще не появились, только в каталоге. По второму пункту: пропала кнопка "В корзину" на главной странице, а она не должна была пропасть, просто должно быть при нажатии "В корзину" перекидывание на страницу товара, в каталоге же вообще не работает - по-прежнему товар закидывается в корзину.
Здравствуйте, извините за долгое ожидание.
2) По кнопке в корзину. Произведите эти изменения, только "Подробнее" замените на "В корзину". В шаблоне Товары код встречается 2 раза, нужно заменить в обоих случаях.
по модификациям ответим Вам в следующем сообщении.
#63
Отправлено 16 Февраль 2016 - 15:47
Юля123 (16 Февраль 2016 - 13:07) писал:
Здравствуйте, извините за долгое ожидание.
2) По кнопке в корзину. Произведите эти изменения, только "Подробнее" замените на "В корзину". В шаблоне Товары код встречается 2 раза, нужно заменить в обоих случаях.
по модификациям ответим Вам в следующем сообщении.
2) По кнопке в корзину. Произведите эти изменения, только "Подробнее" замените на "В корзину". В шаблоне Товары код встречается 2 раза, нужно заменить в обоих случаях.
по модификациям ответим Вам в следующем сообщении.
После проведения этих изменений кнопка "В корзину" на карточках (и на главной, и в каталоге) пропала полностью.
#64
Отправлено 16 Февраль 2016 - 17:25
Mari-ina (16 Февраль 2016 - 15:47) писал:
После проведения этих изменений кнопка "В корзину" на карточках (и на главной, и в каталоге) пропала полностью.
Да, извините, еще к тем изменением нужно добавить вот это. В main.css найдите код:
.products-grid .item .item-inner .item-img:hover .actions .add-cart {left: 0;}
и замените на код:
.products-grid .item .item-inner .item-img:hover .actions .add-cart, .products-grid .item .item-inner .item-img:hover .actions .readmore{left: 0;}
#65
Отправлено 16 Февраль 2016 - 18:03
Mari-ina (16 Февраль 2016 - 15:47) писал:
После проведения этих изменений кнопка "В корзину" на карточках (и на главной, и в каталоге) пропала полностью.
По поводу модификаций, извините, что так долго заставили Вас ждать. Инструкция по добавлению модификаций, которые появляются по наведении на блок информации о товаре (цена, название).
В шаблоне Товары после:
<div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div>
вставьте:
<div class="mods"> {% FOR mods %} <div class="zn"> {%FOR v %} {goods.mods.v.NAME}: {goods.mods.v.VALUE} {%ENDFOR%}<br/> </div> {% ENDFOR %} </div>
Далее в конце main.css добавьте код:
.mods { opacity: 0; } .item-info:hover .mods { opacity: 1; }
Для главной, в шаблоне HTML найдите код:
<div class="item-info"> <div class="product-name"><a href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}" itemprop="url">{index_page_goods.NAME}</a></div> <meta itemprop="name" content="{index_page_goods.NAME}"> <meta itemprop="description" content="{% IF index_page_goods.DESCRIPTION_SHORT %}{index_page_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{index_page_goods.MIN_PRICE_NOW | money_format}</span> {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div>
после этого кода добавьте код:
<div class="mods"> {% FOR mods %} <div class="zn"> {%FOR v %} {index_page_goods.mods.v.NAME}: {index_page_goods.mods.v.VALUE} {%ENDFOR%}<br/> </div> {% ENDFOR %} </div>
далее после кода:
<div class="item-info"> <div class="product-name"><a href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}" itemprop="url">{index_page_new_goods.NAME}</a></div> <meta itemprop="name" content="{index_page_new_goods.NAME}"> <meta itemprop="description" content="{% IF index_page_new_goods.DESCRIPTION_SHORT %}{index_page_new_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div>
добавьте код:
<div class="mods"> {% FOR mods %} <div class="zn"> {%FOR v %} {index_page_new_goods.mods.v.NAME}: {index_page_new_goods.v.VALUE} {%ENDFOR%}<br/> </div> {% ENDFOR %} </div>
и после кода:
<div class="item-info"> <div class="product-name"><a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_favorites_goods.NAME}" itemprop="url">{index_page_favorites_goods.NAME}</a></div> <meta itemprop="name" content="{index_page_favorites_goods.NAME}"> <meta itemprop="description" content="{% IF index_page_favorites_goods.DESCRIPTION_SHORT %}{index_page_favorites_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</span> {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div>
добавьте код:
<div class="mods"> {% FOR mods %} <div class="zn"> {%FOR v %} {index_page_favorites_goods.mods.v.NAME}: {index_page_favorites_goods.mods.v.VALUE} {%ENDFOR%}<br/> </div> {% ENDFOR %} </div>
Производите изменения внимательно.
#66
Отправлено 16 Февраль 2016 - 20:08
По второму пункту все получилось, спасибо. А вот с модификациями все еще не совсем: при наведении курсора на фото - модификации не появляются, при наведении на цену - появляются, но не совсем как надо. Нужно, чтобы при наведении и на фото, и на цену те модификации, которых нет в наличии, были перечеркнуты, которые есть в наличии обычным шрифтом (например, размер 41, размер 42).
#67
Отправлено 17 Февраль 2016 - 11:53
Mari-ina (16 Февраль 2016 - 20:08) писал:
По второму пункту все получилось, спасибо. А вот с модификациями все еще не совсем: при наведении курсора на фото - модификации не появляются, при наведении на цену - появляются, но не совсем как надо. Нужно, чтобы при наведении и на фото, и на цену те модификации, которых нет в наличии, были перечеркнуты, которые есть в наличии обычным шрифтом (например, размер 41, размер 42).
Здравствуйте, хорошо, тогда в main.css вместо кода:
.mods { opacity: 0; } .item-info:hover .mods { opacity: 1; }
добавьте код:
.mods { opacity: 0; } .products-grid .item .item-inner:hover .mods { opacity: 1; }
В шаблоне Товары после:
<div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div>вставьте:
<div class="mods"> {% FOR mods %} <div class="zn"> {%FOR v %} <span {% IF goods.mods.REST_VALUE = 0 %} style="text-decoration: line-through" {%ENDIF%}> {goods.mods.v.NAME}: {goods.mods.v.VALUE}</span> {%ENDFOR%}<br/> </div> {% ENDFOR %}
Для главной, в шаблоне HTML найдите код:
<div class="item-info"> <div class="product-name"><a href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}" itemprop="url">{index_page_goods.NAME}</a></div> <meta itemprop="name" content="{index_page_goods.NAME}"> <meta itemprop="description" content="{% IF index_page_goods.DESCRIPTION_SHORT %}{index_page_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{index_page_goods.MIN_PRICE_NOW | money_format}</span> {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div>
после этого кода добавьте код:
<div class="mods"> {% FOR mods %} <div class="zn"> {%FOR v %} <span {% IF index_page_goods.mods.REST_VALUE = 0 %} style="text-decoration: line-through" {%ENDIF%}> {index_page_goods.mods.v.NAME}: {index_page_goods.mods.v.VALUE}</span> {%ENDFOR%}<br/> </div> {% ENDFOR %} </div>
далее после кода:
<div class="item-info"> <div class="product-name"><a href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}" itemprop="url">{index_page_new_goods.NAME}</a></div> <meta itemprop="name" content="{index_page_new_goods.NAME}"> <meta itemprop="description" content="{% IF index_page_new_goods.DESCRIPTION_SHORT %}{index_page_new_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> <div class="price-box" itemprop="offers" itemscope itemtype="[url="http://schema.org/Offer%22>"]http://schema.org/Offer">[/url] <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div>добавьте код:
<div class="mods"> {% FOR mods %} <div class="zn"> {%FOR v %} <span {% IF index_page_new_goods.mods.REST_VALUE = 0 %} style="text-decoration: line-through" {%ENDIF%}> {index_page_new_goods.mods.goods_mod_distinctive_properties..NAME}: {index_page_new_goods.mods.goods_mod_distinctive_properties..VALUE}</span> {%ENDFOR%}<br/> </div> {% ENDFOR %} </div>
и после кода:
<div class="item-info"> <div class="product-name"><a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_favorites_goods.NAME}" itemprop="url">{index_page_favorites_goods.NAME}</a></div> <meta itemprop="name" content="{index_page_favorites_goods.NAME}"> <meta itemprop="description" content="{% IF index_page_favorites_goods.DESCRIPTION_SHORT %}{index_page_favorites_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> <div class="price-box" itemprop="offers" itemscope itemtype="[url="http://schema.org/Offer%22>"]http://schema.org/Offer">[/url] <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</span> {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %} <span class="price old-price {CURRENCY_CHAR_CODE}">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div>добавьте код:
<div class="mods"> {% FOR mods %} <div class="zn"> {%FOR v %} <span {% IF index_page_favorites_goods.mods.REST_VALUE = 0 %} style="text-decoration: line-through" {%ENDIF%}> {index_page_favorites_goods.mods.v.NAME}: {index_page_favorites_goods.mods.v.VALUE} </span> {%ENDFOR%}<br/> </div> {% ENDFOR %} </div>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных