Страница Товара
#1
Отправлено 05 Февраль 2016 - 09:34
Какой из вариантов более осуществим:
1. Перенести дополнительные отображения в это место.
2. Перенести полное описание справа от фотографии до этих кнопок.Но при этом создать дополнительный блок с видеообзором, то есть,чтобы можно было в эту вкладку загружать видео.
3. Нельзя ли краткое описание сделать редактируемым,тогда вообще ничего изменять особо не надо?
Еще хотелось бы кнопки быстрый заказ и в корзину сделать в одну линию
Спасибо большое,надеюсь нормально объяснил)
#2
Отправлено 05 Февраль 2016 - 15:59
Александр86 (05 Февраль 2016 - 09:34) писал:
Какой из вариантов более осуществим:
1. Перенести дополнительные отображения в это место.
2. Перенести полное описание справа от фотографии до этих кнопок.Но при этом создать дополнительный блок с видеообзором, то есть,чтобы можно было в эту вкладку загружать видео.
3. Нельзя ли краткое описание сделать редактируемым,тогда вообще ничего изменять особо не надо?
Еще хотелось бы кнопки быстрый заказ и в корзину сделать в одну линию
Спасибо большое,надеюсь нормально объяснил)
В принципе всё из вышеперечисленного осуществимо, я только не очень понял, что вы имели в виду под редактируемостью краткого описания - оно доступно для заполнения в соответствующей карточке товара, сразу под названием.
Чтобы разместить кнопки на одном уровне, в main.css строку:
.product-view .product-shop .add-to-box .add-to-cart .add-cart.quick {clear: both;margin-top: 10px;}
замените на:
.product-view .product-shop .add-to-box .add-to-cart .add-cart.quick {margin-left: 10px;}
10px - расстояние между кнопками.
#3
Отправлено 06 Февраль 2016 - 00:08
#4
Отправлено 06 Февраль 2016 - 02:25
В шаблоне Товар найдите:
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %} {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %} {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>{% ENDIF %} {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %}
замените на:
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %} {% IF GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(5);" id="tab_5" class="active">Описание 2</a></li>{% ENDIF %} {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %} {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>{% ENDIF %} {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %}
(название новой вкладки измените) Далее найдите:
<!-- Описание --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <div id="content_1" class="tab-content effect-bounceInRight"> <div class="htmlDataBlock"> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <p>{GOODS_SEO_DESCRIPTION_SHORT}</p> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> {% ENDIF %}
замените на:
<!-- Описание --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <div id="content_1" class="tab-content effect-bounceInRight"> <div class="htmlDataBlock"> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <p>{GOODS_SEO_DESCRIPTION_SHORT}</p> {% ENDIF %} <!-- END Короткое SEO-описание --> </div> </div> {% ENDIF %} <!-- Описание 2 --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <div id="content_5" class="tab-content effect-bounceInRight"> <div class="htmlDataBlock"> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> {% ENDIF %}
И остается добавить в товары полное сео описание.
#5
Отправлено 06 Февраль 2016 - 20:55
#6
Отправлено 07 Февраль 2016 - 11:18
Александр86 (06 Февраль 2016 - 20:55) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
<!-- Добавление товара в Корзину --> <div class="add-to-box f-fix {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}> <div class="add-to-cart f-fix">
Замените на:
<!-- Добавление товара в Корзину --> <div class="add-to-box f-fix {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}> <div class="ldescription"> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Полное SEO-описание --> </div> <div class="add-to-cart f-fix">
#7
Отправлено 07 Февраль 2016 - 22:25
#8
Отправлено 08 Февраль 2016 - 10:37
Александр86 (07 Февраль 2016 - 22:25) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
<!-- Краткое описание --> <div class="short-description f-fix"> <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p> </div>
Замените на:
<!-- Краткое описание --> {% IF GOODS_DESCRIPTION_SHORT %} <div class="short-description f-fix"> <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p> </div> {% ENDIF %}
Найдите код:
<div class="ldescription"> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Полное SEO-описание --> </div>
Замените на:
<div class="ldescription"> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} {GOODS_SEO_DESCRIPTION_LARGE} {% ENDIF %} <!-- END Полное SEO-описание --> </div>
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.ldescription {padding-top:10px;}
#9
Отправлено 21 Апрель 2016 - 14:59
Прочел все что написано выше, не совсем подходит тк полное сео используется. Возможно в краткое описание (+скрыть от индексации) вставлять картинки (какой оптимальный-адаптивный размер), а лучше как писали выше полный редактор текста и тп.
#10
Отправлено 22 Апрель 2016 - 06:07
http://forum.storela...ра/#entry225791
То
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %} {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %} {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>{% ENDIF %} {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %}
замените на:
{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %} {% IF GOODS_SEO_DESCRIPTION_SHORT %}<li><a href="javascript:tabSwitch(5);" id="tab_5" class="active">Описание 2</a></li>{% ENDIF %} {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %} {% IFNOT goods_delivery_empty %}<li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>{% ENDIF %} {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %}
далее найдите:
<!-- Описание --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <div id="content_1" class="tab-content effect-bounceInRight"> <div class="htmlDataBlock"> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <p>{GOODS_SEO_DESCRIPTION_SHORT}</p> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> {% ENDIF %}
замените на:
<!-- Описание --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_LARGE %} <div id="content_1" class="tab-content effect-bounceInRight"> <div class="htmlDataBlock"> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Короткое SEO-описание --> </div> </div> {% ENDIF %} <!-- Описание 2 --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <div id="content_5" class="tab-content effect-bounceInRight"> <div class="htmlDataBlock"> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <noindex><p>{GOODS_SEO_DESCRIPTION_SHORT|htmlspecialchars_decode}</p></noindex> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> {% ENDIF %}
Картинку необходимо будет вставлять следующим образом <img src="ссылка на картинку" alt="" /> и для стилизации текста необходимо будет использовать теги, как например, для переноса строки <br/>
#11
Отправлено 01 Июль 2016 - 23:31
Производитель название бренда
В упаковке такое то количество товара (вес, объем, количество капсул, в зависимости что указано в том или ином товаре)
Заранее спасибо!
#12
Отправлено 02 Июль 2016 - 04:25
<!-- Краткое описание --> <div class="short-description f-fix"> <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p> </div>
после него добавьте:
<!-- Характеристики --> {% IFNOT goods_features_empty %} <div class="characters"> <table class="table-box"> <tbody> {% FOR goods_features%} <tr class="odd"> <th class=""><span class="value">{goods_features.NAME}</span></th> <td class="data">{goods_features.VALUE}</td> </tr> {% ENDFOR %} </tbody> </table> </div> {% ENDIF %}
#13
Отправлено 08 Июль 2016 - 12:34
Заранее спасибо!!!
#14
Отправлено 10 Июль 2016 - 17:37
Заранее спасибо!!! Жду третий день, вопрос так и не решен. Помогите пжл!
#15
Отправлено 11 Июль 2016 - 09:59
Alex87 (10 Июль 2016 - 17:37) писал:
Заранее спасибо!!! Жду третий день, вопрос так и не решен. Помогите пжл!
В шаблоне Товар Вам нужно заменить код:
<h5 style="text-transform:none; font-weight: bolder;">Доставка</h5> <!--span>Условия доставки:</span--> {% FOR goods_delivery %} <div class="delivery"> <!-- h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5 --> <p class="green-circle">{goods_delivery.NAME} <span style="font-size: 0.8em;">({goods_delivery.DESC})</span></p> {% IF goods_delivery.rules_empty %} {% IF goods_delivery.PRICE=0 %} <span>Стоимость доставки: <strong>{goods_delivery.PRICE | money_format}</strong></span> {% ELSE %} <span>Стоимость доставки: <strong>{goods_delivery.PRICE | money_format}</strong></span> {% ENDIF %} {% ELSE %} <h6>Стоимость доставки <span style="font-size: 0.8em;">(зависит от суммы заказа)</span></h6> <!-- {% FOR rules %} <div>Для заказов больше <strong>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</strong> - доставка <strong>{goods_delivery.rules.PRICE | money_format}</strong></div> {% ENDFOR %} <div>Для заказов меньше <strong>{goods_delivery.SUM_LESS_PRICE | money_format}</strong> - доставка <strong>{goods_delivery.PRICE | money_format}</strong></div> --> {% FOR rules %} <div class="green-circle"><strong>{goods_delivery.rules.PRICE | money_format}</strong> <span style="font-size: 0.8em;">(Для заказов больше <strong style="white-space: nowrap;">{goods_delivery.rules.SUM_MORE_PRICE | money_format}</strong>)</span></div> {% ENDFOR %} <div class="green-circle"><strong>{goods_delivery.PRICE | money_format}</strong> <span style="font-size: 0.8em;">(Для заказов меньше <strong style="white-space: nowrap;">{goods_delivery.SUM_LESS_PRICE | money_format}</strong>)</span></div> {% ENDIF %} </div> {% ENDFOR %}
на
<!-- Характеристики --> {% IFNOT goods_features_empty %} <div> <table class="table-box"> <tbody> {% FOR goods_features%} <tr class="odd"> <th class=""><span class="value">{goods_features.NAME}</span></th> <td class="data">{goods_features.VALUE}</td> </tr> {% ENDFOR %} </tbody> </table> </div> {% ENDIF %}
Упаковка и Производитель должны быть внесены в характеристики товара.
#16
Отправлено 29 Август 2016 - 14:48
Помогите пожалуйста изменить страницу товара.
подробнее на скриншоте
1) Разместить посредине меню описание характеристики условия доставки отзывы
2)Убрать добавить в избранное и добавить к сравнению
3) Сделать блок с информацией как на скриншоте
#17
Отправлено 09 Сентябрь 2016 - 13:18
praim2 (29 Август 2016 - 14:48) писал:
Помогите пожалуйста изменить страницу товара.
подробнее на скриншоте
1) Разместить посредине меню описание характеристики условия доставки отзывы
2)Убрать добавить в избранное и добавить к сравнению
3) Сделать блок с информацией как на скриншоте
1. Добавьте в конец файла main.css
.product-tabs .tabs { text-align: center; }2.Добавьте в конец файла main.css
.add-to-links { display: none; }
3. Найдите в шаблоне Товар код
<div class="product-shop col-md-7 col-sm-12 col-sms-12"> <div class="product-name"><h1 itemprop="name">{GOODS_NAME}</h1></div> <meta itemprop="description" content="{% IF GOODS_DESCRIPTION_SHORT %}{GOODS_DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> <!-- Цена товара --> <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <!-- информация для поисковика о наличии товара --> <meta itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}"> <!-- информация для поисковика о валюте товара --> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> </p> {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span> </p> {% ENDIF %} <p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}"> <span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span> </p> </div> <!-- Артикул --> <div class="goodsDataMainModificationArtNumber f-fix" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ENDIF %}> Артикул: <span>{GOODS_MOD_ART_NUMBER}</span> </div> <!-- Доступность товара --> <div class="goodsDataMainModificationAvailable f-fix"> <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие товара: <span>В наличии</span></div> <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Товара нет в наличии</span></div> </div> <!-- Блок информации по акции действующей на товар, если таковая есть --> {% IF GOODS_MOD_MAX_DISCOUNT_ID %} <div class="goodsDataMainDiscountBlock f-fix" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}"> <span>Товар участвует в акции <strong>«{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}».</strong></span><br /> <span>До {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет <strong>{GOODS_MOD_MAX_DISCOUNT}%</strong></span> </div> {% ENDIF %} <!-- Краткое описание --> <div class="short-description f-fix"> <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p> </div> <!-- Модификации --> <div class="goodsDataMainModificationsBlock f-fix" {% 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 %} <span>{goods_modifications_properties.NAME}:</span> <select name="form[properties][]" class="selectBox"> {% 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" itemprop="description">{goods_modifications.DESCRIPTION}</div> </div> {% ENDFOR %} <!-- Блок описания модификации --> <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}> <div class="blockquote" itemprop="description">{GOODS_MOD_DESCRIPTION}</div> </div> </div> <!-- Добавление товара в Корзину --> <div class="add-to-box f-fix {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}> <div class="add-to-cart f-fix"> <div class="wrap-qty"> <div class="qty-title"><span>Количество:</span></div> <div class="qty-set"> <span class="quantity-minus fa fa-minus unselectable" title="Уменьшить"></span> <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty" onkeypress="return keyPress('0123456789')"> <span class="quantity-plus fa fa-plus unselectable" title="Увеличить"></span> </div> </div> <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" /> <button type="submit" class="add-cart button" title="Положить «{GOODS_NAME}» в корзину"/>В корзину</button> <button type="submit" class="add-cart quick button" title="Положить «{GOODS_NAME}» в корзину"/>Быстрый заказ</button> <button type="submit" class="add-cart quickview button" title="Положить «{GOODS_NAME}» в корзину"/>Купить</button> </div> <!-- Добавление товара в Избранное, Сравнение --> <ul class="add-to-links f-fix"> <li class="wishlist"> <!-- Если есть возможность добавить товар в избранное --> {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist fa added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="add-wishlist fa" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в избранное" data-action-delete-title="Убрать «{GOODS_NAME}» из избранного" data-msgtype="2" data-gname="{GOODS_NAME}" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{GOODS_NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} </li> <li class="compare"> <!-- Если есть возможность добавить товар в сравнение --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %} <a class="add-compare fa added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" data-msgtype="1" data-gname="{GOODS_NAME}" data-prodname="{GOODS_NAME}" data-produrl="{GOODS_URL}" data-id="{GOODS_ID}" data-mod-id="{GOODS_MOD_ID}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Удалить из сравнения</a> {% ELSE %} <a class="add-compare fa" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" data-msgtype="1" data-gname="{GOODS_NAME}" data-prodname="{GOODS_NAME}" data-produrl="{GOODS_URL}" data-id="{GOODS_ID}" data-mod-id="{GOODS_MOD_ID}" data-action-text-add="Добавить к сравнению" data-action-text-delete="Удалить из сравнения" title="Добавить «{GOODS_NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&from={GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Добавить к сравнению</a> {% ENDIF %} {% ENDIF %} </li> </ul> </div> </div>замените на
<div class="product-shop col-md-7 col-sm-12 col-sms-12"> <div class="product-name"><h1 itemprop="name">{GOODS_NAME}</h1></div> <meta itemprop="description" content="{% IF GOODS_DESCRIPTION_SHORT %}{GOODS_DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> <div class="new_goods_block"> <!-- Цена товара --> <div> <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <!-- информация для поисковика о наличии товара --> <meta itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}"> <!-- информация для поисковика о валюте товара --> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> </p> {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span> </p> {% ENDIF %} <p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}"> Цена: <span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span> </p> </div> <button type="submit" class="add-cart button" title="Положить «{GOODS_NAME}» в корзину"{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}/>Купить</button> </div> <!-- Добавление товара в Корзину --> <div class="add-to-box f-fix {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}> <div class="add-to-cart f-fix"> <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" /> <button type="submit" class="add-cart quick button" title="Положить «{GOODS_NAME}» в корзину"/>Купить в 1 клик</button> <button type="submit" class="add-cart quickview button" title="Положить «{GOODS_NAME}» в корзину"/>Купить</button> <br> <a href=""><span>Нашли дешевле?</span></a> </div> <!-- Добавление товара в Избранное, Сравнение --> </div> <!-- Артикул --> <div class="goodsDataMainModificationArtNumber f-fix" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ENDIF %}> Артикул: <span>{GOODS_MOD_ART_NUMBER}</span> </div> <!-- Доступность товара --> <div class="goodsDataMainModificationAvailable f-fix"> <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие товара: <span>В наличии</span></div> <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Товара нет в наличии</span></div> </div> <!-- Блок информации по акции действующей на товар, если таковая есть --> {% IF GOODS_MOD_MAX_DISCOUNT_ID %} <div class="goodsDataMainDiscountBlock f-fix" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}"> <span>Товар участвует в акции <strong>«{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}».</strong></span><br /> <span>До {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет <strong>{GOODS_MOD_MAX_DISCOUNT}%</strong></span> </div> {% ENDIF %} <!-- Модификации --> <div class="goodsDataMainModificationsBlock f-fix" {% 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 %} <span>{goods_modifications_properties.NAME}:</span> <select name="form[properties][]" class="selectBox"> {% 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" itemprop="description">{goods_modifications.DESCRIPTION}</div> </div> {% ENDFOR %} <!-- Блок описания модификации --> <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}> <div class="blockquote" itemprop="description">{GOODS_MOD_DESCRIPTION}</div> </div> </div> <div class="goods_delivery"> <span>Способы доставки</span> {% FOR goods_delivery %} <p>{goods_delivery.NAME}</p> {% ENDFOR %} </div> <div class="goods_painent"> <span>Способы оплаты</span> <p>Наличными курьеру</p> <p>Безначичным курьеру</p> </div> </div> </div>
в конец файла main.css добавьте
.new_goods_block .price:after { font-size: 32px; } .new_goods_block .price span { font-size: 36px; } .goods_delivery, .goods_painent { float: left; border-top: 1px solid #ccc; padding: 9px; } .new_goods_block .f-fix { width: auto; } .new_goods_block { display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 7% 0 0; border: 1px solid #ccc; margin: 4%; }
#19
Отправлено 12 Сентябрь 2016 - 10:11
praim2 (12 Сентябрь 2016 - 07:35) писал:
1) Поле Артикул не должно отображаться
2) Фото товара должно быть на одной линии с правым болком
3) Характеристики должны стоять первыми
4) Название товара должно быть в одну строчку.
Изменения Вам произвели, проверьте.
#20
Отправлено 14 Сентябрь 2016 - 10:25
1) Фото товара должно быть одинакового размера с правым блоком
2) Правый блок сделать меньшим по ширине
3) уменьшенные изображения должны отображаться слева от основного изображения товара
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных