Описание Товара
#1
Отправлено 23 Август 2014 - 00:01
#2
Отправлено 23 Август 2014 - 00:08
#3
Отправлено 23 Август 2014 - 02:07
<!-- Если есть какое-либо описание товара --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <a href="javascript:tabSwitch(2);" id="tab_2">Описание</a> {%ENDIF%}
далее найдите и удалите код
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <div id="content_2" class="tab-content"> <div> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <h3>Описание {GOODS_NAME}</h3> <div class="htmlDataBlock" itemprop="description"> {GOODS_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_SHORT} </div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> {% ENDIF %}
далее найдите код
<!-- /Блок описания вариантов доставки --> </div> </div>
и замените его на
<!-- /Блок описания вариантов доставки --> </div> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <div class="descriptions"> <div> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <h3>Описание {GOODS_NAME}</h3> <div class="htmlDataBlock" itemprop="description"> {GOODS_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_SHORT} </div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> {% ENDIF %} </div>
далее в файл стилей main.css добавьте
.descriptions { margin: 15px 0; }
#4
Отправлено 23 Август 2014 - 11:12
Сake (23 Август 2014 - 02:07) писал:
<!-- Если есть какое-либо описание товара --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <a href="javascript:tabSwitch(2);" id="tab_2">Описание</a> {%ENDIF%}
далее найдите и удалите код
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <div id="content_2" class="tab-content"> <div> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <h3>Описание {GOODS_NAME}</h3> <div class="htmlDataBlock" itemprop="description"> {GOODS_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_SHORT} </div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> {% ENDIF %}
далее найдите код
<!-- /Блок описания вариантов доставки --> </div> </div>
и замените его на
<!-- /Блок описания вариантов доставки --> </div> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <div class="descriptions"> <div> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <h3>Описание {GOODS_NAME}</h3> <div class="htmlDataBlock" itemprop="description"> {GOODS_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_SHORT} </div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> {% ENDIF %} </div>
далее в файл стилей main.css добавьте
.descriptions { margin: 15px 0; }
#5
Отправлено 23 Август 2014 - 11:52
Антон1212 (23 Август 2014 - 11:12) писал:
Здравствуйте.
В шаблоне товар найдите и вырежьте код
<!-- Блок выбора модификаций для текущей товарной позиции --> <div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}> {% FOR goods_modifications_properties %} <div class="goodsDataMainModificationsBlockProperty"> <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь --> {% FOR values %} <!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} <strong>{goods_modifications_properties.NAME}:</strong><br /> <select name="form[properties][]"> {% ENDIF %} <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option> <!-- Если это последний элемент в списке --> {% IF goods_modifications_properties.values.last %} </select> {% ENDIF %} {% ENDFOR %} </div> {goods_modifications_properties.index | is_divided("2","","")} {% ENDFOR %} <!-- Данные по модификациям для текущей товарной позиции --> {% FOR goods_modifications %} <div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}"> <input type="hidden" name="id" value="{goods_modifications.ID}" /> <input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" /> <input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" /> <div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div> <input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" /> <div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div> <input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" /> <input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" /> <input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" /> <input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" /> <input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" /> <input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" /> <div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div> </div> {% ENDFOR %} <!-- Блок описания модификации --> <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}> {GOODS_MOD_DESCRIPTION} </div> </div>
Далее вставьте его после кода
<!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT goods_images_empty %} {% FOR goods_images %} {% IF goods_images.first %} <div class="image-additional"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}> <h5>Другие фото {GOODS_NAME}</h5> {% ENDIF %} <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' "><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a> {% IF goods_images.last %} </div> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </div>
#6
Отправлено 23 Август 2014 - 12:13
Danil (23 Август 2014 - 11:52) писал:
В шаблоне товар найдите и вырежьте код
<!-- Блок выбора модификаций для текущей товарной позиции --> <div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}> {% FOR goods_modifications_properties %} <div class="goodsDataMainModificationsBlockProperty"> <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь --> {% FOR values %} <!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} <strong>{goods_modifications_properties.NAME}:</strong><br /> <select name="form[properties][]"> {% ENDIF %} <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option> <!-- Если это последний элемент в списке --> {% IF goods_modifications_properties.values.last %} </select> {% ENDIF %} {% ENDFOR %} </div> {goods_modifications_properties.index | is_divided("2","","")} {% ENDFOR %} <!-- Данные по модификациям для текущей товарной позиции --> {% FOR goods_modifications %} <div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}"> <input type="hidden" name="id" value="{goods_modifications.ID}" /> <input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" /> <input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" /> <div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div> <input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" /> <div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div> <input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" /> <input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" /> <input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" /> <input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" /> <input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" /> <input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" /> <div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div> </div> {% ENDFOR %} <!-- Блок описания модификации --> <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}> {GOODS_MOD_DESCRIPTION} </div> </div>
Далее вставьте его после кода
<!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT goods_images_empty %} {% FOR goods_images %} {% IF goods_images.first %} <div class="image-additional"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}> <h5>Другие фото {GOODS_NAME}</h5> {% ENDIF %} <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' "><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a> {% IF goods_images.last %} </div> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </div>
#8
Отправлено 25 Август 2014 - 15:13
waldmoos (25 Август 2014 - 13:39) писал:
Этот вариант компоновки страницы товара подошел идеально! Спасибо!
Но, возможно ли блок "описания товара" поднять выше блока "условия доставки" ?
Спасибо!
<div class="descriptions"> <div> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <h3>Описание {GOODS_NAME}</h3> <div class="htmlDataBlock" itemprop="description"> {GOODS_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_SHORT} </div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div>и переместите, поставив его перед
<!-- Блок описания вариантов доставки --> <div class="span12"> <h4>Условия доставки</h4>
#9
Отправлено 25 Август 2014 - 15:42
Но теперь, кнопка "добавить к сравнению" сдвинулась вверх и правее....
Можно её как-то сдвинуть на место обратно?
Заметил, что сдвиг не на всех товарах, а некоторых... вероятно зависит от размера изображения?
Аккаунт SL-300332
Сообщение отредактировал waldmoos: 25 Август 2014 - 15:50
#10
Отправлено 25 Август 2014 - 16:03
waldmoos (25 Август 2014 - 15:42) писал:
Но теперь, кнопка "добавить к сравнению" сдвинулась вверх и правее....
Можно её как-то сдвинуть на место обратно?
Заметил, что сдвиг не на всех товарах, а некоторых... вероятно зависит от размера изображения?
Аккаунт SL-300332
#11
Отправлено 25 Август 2014 - 20:48
Ирина345 (25 Август 2014 - 16:03) писал:
дело в размере картинок и размером блока справа от картинки.
на другом аккаунте добавлены модификации. это удлиняет блок справа от картинки и проблемы со сдвигом кнопки "добавить к сравнению" - нет.
#12
Отправлено 25 Август 2014 - 22:39
waldmoos (25 Август 2014 - 20:48) писал:
дело в размере картинок и размером блока справа от картинки.
на другом аккаунте добавлены модификации. это удлиняет блок справа от картинки и проблемы со сдвигом кнопки "добавить к сравнению" - нет.
<div id="wrap" style="top:0px;z-index:9999;position:relative;">заменить на
<div id="wrap" style="top:-10px;z-index:9999;position:relative;max-height: 174px;">
#13
Отправлено 26 Август 2014 - 08:23
daria_dnk (25 Август 2014 - 22:39) писал:
<div id="wrap" style="top:0px;z-index:9999;position:relative;">заменить на
<div id="wrap" style="top:-10px;z-index:9999;position:relative;max-height: 174px;">
Всё стало на место.
#15
Отправлено 30 Сентябрь 2014 - 00:23
boktar (29 Сентябрь 2014 - 23:17) писал:
Делал, как в посте #5 , но что пошло не так), доп. фото за двоилось и очень большое расстояние между основным фото и описанием товара.
Аккаунт SL-310601
С этим разобрался, но теперь описание, доп.фото, условия доставки располагаются под основным фото в столбик, а сопутствующие товары справа от основного фото соприкасаясь с ним.
Посоветуйте. как сделать, чтобы:
1. цена и кнопка покупки справа от основного фото.
2. блок способы доставки ещё правее.
3. доп фото под основным, как и было)
4. описание товара под ценой, под доп.фото и под блоком доставки.
5. сопутствующие внизу под описанием товара.
6. как убрать кнопку характеристики?
И ещё, маленький вопрос, не могу понять, где отображается содержимое краткого описания товара?
Спасибо!
#17
Отправлено 30 Сентябрь 2014 - 16:02
boktar (30 Сентябрь 2014 - 12:51) писал:
#18
Отправлено 01 Октябрь 2014 - 04:44
#19
Отправлено 01 Октябрь 2014 - 06:58
boktar (01 Октябрь 2014 - 04:44) писал:
<!-- Если есть какое-либо описание товара --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <a href="javascript:tabSwitch(2);" id="tab_2">Описание</a> {%ENDIF%}на
<!-- Если есть какое-либо описание товара {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <a href="javascript:tabSwitch(2);" id="tab_2">Описание</a> {%ENDIF%} -->после чего перенесите
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <div id="content_2" class="tab-content"> <div> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <h3>Описание {GOODS_NAME}</h3> <div class="htmlDataBlock" itemprop="description"> {GOODS_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_SHORT} </div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description"> {GOODS_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> {% ENDIF %}поставив его после
<!-- /Блок описания вариантов доставки --> </div>и замените
<div id="content_2" class="tab-content">на
<div id="content_2" class="tab-content" style="display: block;">
#20
Отправлено 01 Октябрь 2014 - 14:04
а как блок доставки разместить справа от цены?
и полоску убрать
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных