Доброго времени суток!
Подскажите пожалуйста:
1) как переместить выпадающее меню модификации товара как показано на картинке?
2) как переместить раздел сопутствующих товаров как показано на картинке?
Аккаунт SL-103567
1
Изменения На Странице Товара
Автор alpha-me, 18 апр. 2017 00:13
Сообщений в теме: 6
#1
Отправлено 18 Апрель 2017 - 00:13
#2
Отправлено 18 Апрель 2017 - 04:20
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
замените на:
Далее нацдите:
перед ним вставьте:
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
Перенесите его, поставив перед:
Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.contentText, .contentText table { padding: 0; font-size: 13px; line-height: 1.5; vertical-align: top; }
замените на:
.contentText, .contentText table { padding: 0; font-size: 13px; line-height: 1.5; vertical-align: top; position: relative; }
Далее нацдите:
.goodsDataMainModificationsBlockProperty { padding-bottom: 5px; }
перед ним вставьте:
.goodsDataMainModificationsBlock.description { right: 0; top: 45px; position: absolute; }
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<!-- Вывод сопутствующих товаров --> {% IFNOT related_goods_empty %} <div class="carousel_also_purchased jcarousel-wrapper"> <div class="header_also_purchased"> <h2>Сопутствующие товары</h2> </div> <div id="also_purchased"> <ul> {% FOR related_goods %}<li class="main_general"> <div class="product"> <div class="product-image-wrapper goods-cat-image-medium-square onhover"> <a title="{related_goods.NAME}" href="{related_goods.URL_MIN_PRICE_NOW | url_amp}"> <img class="goods-cat-image-medium" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="" /> </a> </div> <div class="wrapper-hover"> <div class="product-name"><p title="{related_goods.NAME}" onclick="javascript:document.location.href='{related_goods.URL_MIN_PRICE_NOW | url_amp}'">{related_goods.NAME}</p></div> <div class="product-price"> <span class="new_price">{related_goods.MIN_PRICE_NOW | money_format}</span> {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %} <span class="old_price">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %} <span class="old_price">{related_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" /> <a class="buy_button" onclick="quickorder('.product-form-{related_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a> <!--a class="buy_button" onclick="$('.product-form-{related_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </form> <!-- Если есть возможность добавить товар в избранное --> {% IF related_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="wishlist add_to_wishlist_small_text added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{related_goods.NAME}» в избранное" data-action-delete-title="Убрать «{related_goods.NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Убрать «{related_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="wishlist add_to_wishlist_small_text" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{related_goods.NAME}» в избранное" data-action-delete-title="Убрать «{related_goods.NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{related_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF related_goods.IS_HAS_IN_COMPARE_LIST %} <a class="compare add_to_compare_small_text added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{related_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{related_goods.NAME}» из списка сравнения с другими товарами" data-action-text-add="Добавить к сравнению" data-action-text-delete="Убрать из сравнения" title="Убрать «{related_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&from={related_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Убрать из сравнения</a> {% ELSE %} <a class="compare add_to_compare_small_text" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{related_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{related_goods.NAME}» из списка сравнения с другими товарами" data-action-text-add="Добавить к сравнению" data-action-text-delete="Убрать из сравнения" title="Добавить «{related_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&from={related_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Добавить к сравнению</a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> </div> </li>{% ENDFOR %} </ul> </div> <a href="#" class="jcarousel-control-prev"></a> <a href="#" class="jcarousel-control-next"></a> </div> {% ENDIF %} <!-- /Вывод сопутствующих товаров Конец -->
Перенесите его, поставив перед:
<div class="tabs_block"> <div id="tabs" class="htabs"> <!-- Если есть какое-либо описание товара --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a> {%ENDIF%}
#3
Отправлено 19 Апрель 2017 - 00:03
Vaccina (18 Апрель 2017 - 04:20) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
замените на:
Далее нацдите:
перед ним вставьте:
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
Перенесите его, поставив перед:
Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.contentText, .contentText table { padding: 0; font-size: 13px; line-height: 1.5; vertical-align: top; }
замените на:
.contentText, .contentText table { padding: 0; font-size: 13px; line-height: 1.5; vertical-align: top; position: relative; }
Далее нацдите:
.goodsDataMainModificationsBlockProperty { padding-bottom: 5px; }
перед ним вставьте:
.goodsDataMainModificationsBlock.description { right: 0; top: 45px; position: absolute; }
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<!-- Вывод сопутствующих товаров --> {% IFNOT related_goods_empty %} <div class="carousel_also_purchased jcarousel-wrapper"> <div class="header_also_purchased"> <h2>Сопутствующие товары</h2> </div> <div id="also_purchased"> <ul> {% FOR related_goods %}<li class="main_general"> <div class="product"> <div class="product-image-wrapper goods-cat-image-medium-square onhover"> <a title="{related_goods.NAME}" href="{related_goods.URL_MIN_PRICE_NOW | url_amp}"> <img class="goods-cat-image-medium" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="" /> </a> </div> <div class="wrapper-hover"> <div class="product-name"><p title="{related_goods.NAME}" onclick="javascript:document.location.href='{related_goods.URL_MIN_PRICE_NOW | url_amp}'">{related_goods.NAME}</p></div> <div class="product-price"> <span class="new_price">{related_goods.MIN_PRICE_NOW | money_format}</span> {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %} <span class="old_price">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %} <span class="old_price">{related_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </div> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" /> <a class="buy_button" onclick="quickorder('.product-form-{related_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a> <!--a class="buy_button" onclick="$('.product-form-{related_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </form> <!-- Если есть возможность добавить товар в избранное --> {% IF related_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="wishlist add_to_wishlist_small_text added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{related_goods.NAME}» в избранное" data-action-delete-title="Убрать «{related_goods.NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Убрать «{related_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Удалить из избранного</a> {% ELSE %} <a class="wishlist add_to_wishlist_small_text" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{related_goods.NAME}» в избранное" data-action-delete-title="Убрать «{related_goods.NAME}» из избранного" data-action-text-add="Добавить в избранное" data-action-text-delete="Удалить из избранного" title="Добавить «{related_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" >Добавить в избранное</a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF related_goods.IS_HAS_IN_COMPARE_LIST %} <a class="compare add_to_compare_small_text added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{related_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{related_goods.NAME}» из списка сравнения с другими товарами" data-action-text-add="Добавить к сравнению" data-action-text-delete="Убрать из сравнения" title="Убрать «{related_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&from={related_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Убрать из сравнения</a> {% ELSE %} <a class="compare add_to_compare_small_text" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{related_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{related_goods.NAME}» из списка сравнения с другими товарами" data-action-text-add="Добавить к сравнению" data-action-text-delete="Убрать из сравнения" title="Добавить «{related_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&from={related_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >Добавить к сравнению</a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> </div> </li>{% ENDFOR %} </ul> </div> <a href="#" class="jcarousel-control-prev"></a> <a href="#" class="jcarousel-control-next"></a> </div> {% ENDIF %} <!-- /Вывод сопутствующих товаров Конец -->
Перенесите его, поставив перед:
<div class="tabs_block"> <div id="tabs" class="htabs"> <!-- Если есть какое-либо описание товара --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a> {%ENDIF%}
Спасибо! Сделал, но не все получилось.
Сопутствующие товары переместились, а выпадающее меню модификации осталось на месте...
#5
Отправлено 19 Апрель 2017 - 23:47
Доброго времени суток! Да, Работает. Спасибо!
Подскажите еще как меню модификации сдвинуть влево?
и как изменить цвет и размер названия меню?
Подскажите еще как меню модификации сдвинуть влево?
и как изменить цвет и размер названия меню?
#6
Отправлено 20 Апрель 2017 - 06:16
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
замените на:
На счет шрифта, как понимаю, речь идет о названии модификации, найдите:
после него пропишите:
измените значения размера и цвета на необходимые.
Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.goodsDataMainModificationsBlock.description { right: 0; top: 45px; position: absolute; }
замените на:
.goodsDataMainModificationsBlock.description { right: 15%; top: 45px; position: absolute; }
На счет шрифта, как понимаю, речь идет о названии модификации, найдите:
.goodsDataMainModificationsBlockProperty { padding-bottom: 5px; }
после него пропишите:
.goodsDataMainModificationsBlockProperty strong { color: #D11717; font-size: 16px; }
измените значения размера и цвета на необходимые.
#7
Отправлено 21 Апрель 2017 - 18:53
Vaccina (20 Апрель 2017 - 06:16) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
замените на:
На счет шрифта, как понимаю, речь идет о названии модификации, найдите:
после него пропишите:
измените значения размера и цвета на необходимые.
Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.goodsDataMainModificationsBlock.description { right: 0; top: 45px; position: absolute; }
замените на:
.goodsDataMainModificationsBlock.description { right: 15%; top: 45px; position: absolute; }
На счет шрифта, как понимаю, речь идет о названии модификации, найдите:
.goodsDataMainModificationsBlockProperty { padding-bottom: 5px; }
после него пропишите:
.goodsDataMainModificationsBlockProperty strong { color: #D11717; font-size: 16px; }
измените значения размера и цвета на необходимые.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных