0
Модернизация Картинок И Не Только
Автор ProninT, 25 авг. 2016 17:26
Сообщений в теме: 8
#1
Отправлено 25 Август 2016 - 17:26
Здравствуйте! хотелось бы линейку с картинками перенести сверху фотки как на скрине
А также:
В карточке товара полностью убрать отзывы, доставку, а полное описание поместить под кнопками в корзину и быстрый заказ. жду, Спасибо!
А также:
В карточке товара полностью убрать отзывы, доставку, а полное описание поместить под кнопками в корзину и быстрый заказ. жду, Спасибо!
#2
Отправлено 26 Август 2016 - 01:37
Отзывы можно отключить в Основные настройки.
#3
Отправлено 26 Август 2016 - 02:42
В шаблоне Товар найдите:
переместите его поставив перед:
далее найдите:
замените на:
далее найдите:
после него вставьте:
<!-- Другие изображения товара. Отображаются если есть изображения товара --> <div class="thumblist-box navigation" {% FOR goods_images %}{% IF goods_images.length <= 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}> <span class="next"></span> <span class="prev"></span> <!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT goods_images_empty %} <div class="thumblist"> {% FOR goods_images %} {% IFNOT goods_images.first %} <li><a href="{goods_images.LARGE}" title="{goods_images.NAME}" class="thumblisticon" rel="gallery"><img src="{goods_images.OTHER}" alt="{goods_images.NAME}" class="goods-image-icon" itemprop="image" /></a></li> {% ENDIF %} {% ENDFOR %} </div> {% ENDIF %} </div><!-- END другие изображение товара -->
переместите его поставив перед:
<div class="general-img"> <a href="{GOODS_IMAGE_LARGE}" id="zoom1" title="Увеличить {GOODS_NAME}"> <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" class="goods-image-medium" itemprop="image"/>
далее найдите:
<ul class="tabs"> {% 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 %} </ul> <!-- Описание --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <div class="acctab">Описание<span class="toggle-class active"></span></div> <div id="content_1" class="tab-content f-fix active"> <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 %} <!-- Характеристики --> {% IFNOT goods_features_empty %} <div class="acctab">Характеристики<span class="toggle-class {% IFNOT GOODS_DESCRIPTION_LARGE %}{% IFNOT GOODS_SEO_DESCRIPTION_SHORT %}{% IFNOT GOODS_SEO_DESCRIPTION_LARGE %}active{% ENDIF %}{% ENDIF %}{% ENDIF %}"></span></div> <div id="content_2" class="tab-content f-fix {% IFNOT GOODS_DESCRIPTION_LARGE %}{% IFNOT GOODS_SEO_DESCRIPTION_SHORT %}{% IFNOT GOODS_SEO_DESCRIPTION_LARGE %}active{% ENDIF %}{% ENDIF %}{% ENDIF %}" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display: none;"{% ENDIF %}> <table class="table-box"> <tbody> {% FOR goods_features%} <tr> <td class="cell1">{goods_features.NAME}</td> <td class="cell2">{goods_features.VALUE}</td> </tr> {% ENDFOR %} </tbody> </table> </div> {% ENDIF %} <!-- Условия доставки --> {% IFNOT goods_delivery_empty %} <div class="acctab">Доставка<span class="toggle-class {% IFNOT GOODS_DESCRIPTION_LARGE %}{% IFNOT GOODS_SEO_DESCRIPTION_SHORT %}{% IFNOT GOODS_SEO_DESCRIPTION_LARGE %}{% IF goods_features_empty %}active{% ENDIF %}{% ENDIF %}{% ENDIF %}{% ENDIF %}"></span></div> <div id="content_3" class="tab-content f-fix {% IFNOT GOODS_DESCRIPTION_LARGE %}{% IFNOT GOODS_SEO_DESCRIPTION_SHORT %}{% IFNOT GOODS_SEO_DESCRIPTION_LARGE %}{% IF goods_features_empty %}active{% ENDIF %}{% ENDIF %}{% ENDIF %}{% ENDIF %}" {% IFNOT goods_features_empty || GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display: none;"{%ENDIF%}> {% FOR goods_delivery %} <div class="delivery"> <h4>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h4> <p>{goods_delivery.DESC}</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 %} <h5>Стоимость доставки зависит от суммы заказа</h5> {% 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> {% ENDIF %} </div> {% ENDFOR %} </div> {% ENDIF %}
замените на:
<ul class="tabs"> {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %} {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %} </ul> <!-- Характеристики --> {% IFNOT goods_features_empty %} <div class="acctab">Характеристики<span class="toggle-class {% IFNOT GOODS_DESCRIPTION_LARGE %}{% IFNOT GOODS_SEO_DESCRIPTION_SHORT %}{% IFNOT GOODS_SEO_DESCRIPTION_LARGE %}active{% ENDIF %}{% ENDIF %}{% ENDIF %}"></span></div> <div id="content_2" class="tab-content f-fix {% IFNOT GOODS_DESCRIPTION_LARGE %}{% IFNOT GOODS_SEO_DESCRIPTION_SHORT %}{% IFNOT GOODS_SEO_DESCRIPTION_LARGE %}active{% ENDIF %}{% ENDIF %}{% ENDIF %}" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display: none;"{% ENDIF %}> <table class="table-box"> <tbody> {% FOR goods_features%} <tr> <td class="cell1">{goods_features.NAME}</td> <td class="cell2">{goods_features.VALUE}</td> </tr> {% ENDFOR %} </tbody> </table> </div> {% ENDIF %}
далее найдите:
<div class="add-to-cart" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" /> <button type="submit" class="add-cart button button2" title="Положить «{GOODS_NAME}» в корзину">В корзину</button> <button type="submit" class="add-cart quick button" title="Положить «{GOODS_NAME}» в корзину">Быстрый заказ</button> <a href="{GOODS_URL}" class="button link-more" title="Подробнее">Подробнее</a> </div> </div>
после него вставьте:
<!-- Описание --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <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> {% ENDIF %}
#4
Отправлено 26 Август 2016 - 18:03
Vaccina (26 Август 2016 - 02:42) писал:
В шаблоне Товар найдите:
переместите его поставив перед:
далее найдите:
замените на:
далее найдите:
после него вставьте:
<!-- Другие изображения товара. Отображаются если есть изображения товара --> <div class="thumblist-box navigation" {% FOR goods_images %}{% IF goods_images.length <= 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}> <span class="next"></span> <span class="prev"></span> <!-- Другие изображения товара. Отображаются если есть изображения товара --> {% IFNOT goods_images_empty %} <div class="thumblist"> {% FOR goods_images %} {% IFNOT goods_images.first %} <li><a href="{goods_images.LARGE}" title="{goods_images.NAME}" class="thumblisticon" rel="gallery"><img src="{goods_images.OTHER}" alt="{goods_images.NAME}" class="goods-image-icon" itemprop="image" /></a></li> {% ENDIF %} {% ENDFOR %} </div> {% ENDIF %} </div><!-- END другие изображение товара -->
переместите его поставив перед:
<div class="general-img"> <a href="{GOODS_IMAGE_LARGE}" id="zoom1" title="Увеличить {GOODS_NAME}"> <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" class="goods-image-medium" itemprop="image"/>
далее найдите:
<ul class="tabs"> {% 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 %} </ul> <!-- Описание --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <div class="acctab">Описание<span class="toggle-class active"></span></div> <div id="content_1" class="tab-content f-fix active"> <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 %} <!-- Характеристики --> {% IFNOT goods_features_empty %} <div class="acctab">Характеристики<span class="toggle-class {% IFNOT GOODS_DESCRIPTION_LARGE %}{% IFNOT GOODS_SEO_DESCRIPTION_SHORT %}{% IFNOT GOODS_SEO_DESCRIPTION_LARGE %}active{% ENDIF %}{% ENDIF %}{% ENDIF %}"></span></div> <div id="content_2" class="tab-content f-fix {% IFNOT GOODS_DESCRIPTION_LARGE %}{% IFNOT GOODS_SEO_DESCRIPTION_SHORT %}{% IFNOT GOODS_SEO_DESCRIPTION_LARGE %}active{% ENDIF %}{% ENDIF %}{% ENDIF %}" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display: none;"{% ENDIF %}> <table class="table-box"> <tbody> {% FOR goods_features%} <tr> <td class="cell1">{goods_features.NAME}</td> <td class="cell2">{goods_features.VALUE}</td> </tr> {% ENDFOR %} </tbody> </table> </div> {% ENDIF %} <!-- Условия доставки --> {% IFNOT goods_delivery_empty %} <div class="acctab">Доставка<span class="toggle-class {% IFNOT GOODS_DESCRIPTION_LARGE %}{% IFNOT GOODS_SEO_DESCRIPTION_SHORT %}{% IFNOT GOODS_SEO_DESCRIPTION_LARGE %}{% IF goods_features_empty %}active{% ENDIF %}{% ENDIF %}{% ENDIF %}{% ENDIF %}"></span></div> <div id="content_3" class="tab-content f-fix {% IFNOT GOODS_DESCRIPTION_LARGE %}{% IFNOT GOODS_SEO_DESCRIPTION_SHORT %}{% IFNOT GOODS_SEO_DESCRIPTION_LARGE %}{% IF goods_features_empty %}active{% ENDIF %}{% ENDIF %}{% ENDIF %}{% ENDIF %}" {% IFNOT goods_features_empty || GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display: none;"{%ENDIF%}> {% FOR goods_delivery %} <div class="delivery"> <h4>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h4> <p>{goods_delivery.DESC}</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 %} <h5>Стоимость доставки зависит от суммы заказа</h5> {% 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> {% ENDIF %} </div> {% ENDFOR %} </div> {% ENDIF %}
замените на:
<ul class="tabs"> {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %} {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %} </ul> <!-- Характеристики --> {% IFNOT goods_features_empty %} <div class="acctab">Характеристики<span class="toggle-class {% IFNOT GOODS_DESCRIPTION_LARGE %}{% IFNOT GOODS_SEO_DESCRIPTION_SHORT %}{% IFNOT GOODS_SEO_DESCRIPTION_LARGE %}active{% ENDIF %}{% ENDIF %}{% ENDIF %}"></span></div> <div id="content_2" class="tab-content f-fix {% IFNOT GOODS_DESCRIPTION_LARGE %}{% IFNOT GOODS_SEO_DESCRIPTION_SHORT %}{% IFNOT GOODS_SEO_DESCRIPTION_LARGE %}active{% ENDIF %}{% ENDIF %}{% ENDIF %}" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display: none;"{% ENDIF %}> <table class="table-box"> <tbody> {% FOR goods_features%} <tr> <td class="cell1">{goods_features.NAME}</td> <td class="cell2">{goods_features.VALUE}</td> </tr> {% ENDFOR %} </tbody> </table> </div> {% ENDIF %}
далее найдите:
<div class="add-to-cart" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" /> <button type="submit" class="add-cart button button2" title="Положить «{GOODS_NAME}» в корзину">В корзину</button> <button type="submit" class="add-cart quick button" title="Положить «{GOODS_NAME}» в корзину">Быстрый заказ</button> <a href="{GOODS_URL}" class="button link-more" title="Подробнее">Подробнее</a> </div> </div>
после него вставьте:
<!-- Описание --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <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> {% ENDIF %}
у меня получилась какая то чушь(
может вы сами быстрее и проще для всех сделаете?
#6
Отправлено 28 Август 2016 - 23:08
Danil (28 Август 2016 - 17:14) писал:
Здравствуйте.
Изменения Вам произвел, проверьте.
Изменения Вам произвел, проверьте.
ОТЛИЧНО)) Спасибо!) теперь давайте на том же сайте доведем до конца каталог...
1) Убрать рейтинг и Избранное где бы то ни было, на предпросмотре, в быстром просмотре, в карточке товара
2) При просмотре категории, в карточке товара, кнопку "Добавить в корзину" перенести в блок под фоткой, под цену и сделать ее всегда светящейся. То есть на фотке при наведении мышкой не будет ничего, кроме быстрого просмотра
3) кнопку быстрого просмотра прошу сделать в виде аккуратной лупы, как на сайте приведенном ниже
4) http://babo4ek.net/c...uty-iz-babochek сделать быстрый просмотр типа, как на этом сайте, то есть с доп. фотками (НО их перенести опять же наверх) и чтобы при их просмотре открывалось новое окошко с ними, а не сворачивалось все как сейчас
5) ну и нижние колонки меню нужно выровнять по центру опять же как на том сайте
Пока вроде все, огромное спасибо заранее!
#9
Отправлено 02 Сентябрь 2016 - 06:06
На данные вопросы вам дали ответ в другой вашей теме форума.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных