Добрый вечер.
Изменил шаблон Движение на Спорт. Аккаунт SL-293391
Есть много вопросов по настройке.
Помогите пожалуйста.
1. Ниже логотипа магазина вставить блок с номером телефона и электронкой.
2. При нажатии кнопки "отзывы" скрыть информацию всю ненужную и оставить только сам блок. Что бы сразу на него выходил посетитель.
3. Удалить полностью синюю полосу внизу экрана.
4. В заказе товара передвинуть окошко с количеством. Что бы оказалось над кнопкой в корзину.
1
Изменил Шаблон На Спорт, Помогите Настроить
Автор Vlad Vinilov, 15 янв. 2016 19:47
Сообщений в теме: 5
#1
Отправлено 15 Январь 2016 - 19:47
#2
Отправлено 15 Январь 2016 - 20:22
Vlad Vinilov (15 Январь 2016 - 19:47) писал:
Добрый вечер.
Изменил шаблон Движение на Спорт. Аккаунт SL-293391
Есть много вопросов по настройке.
Помогите пожалуйста.
1. Ниже логотипа магазина вставить блок с номером телефона и электронкой.
2. При нажатии кнопки "отзывы" скрыть информацию всю ненужную и оставить только сам блок. Что бы сразу на него выходил посетитель.
3. Удалить полностью синюю полосу внизу экрана.
4. В заказе товара передвинуть окошко с количеством. Что бы оказалось над кнопкой в корзину.
Изменил шаблон Движение на Спорт. Аккаунт SL-293391
Есть много вопросов по настройке.
Помогите пожалуйста.
1. Ниже логотипа магазина вставить блок с номером телефона и электронкой.
2. При нажатии кнопки "отзывы" скрыть информацию всю ненужную и оставить только сам блок. Что бы сразу на него выходил посетитель.
3. Удалить полностью синюю полосу внизу экрана.
4. В заказе товара передвинуть окошко с количеством. Что бы оказалось над кнопкой в корзину.
Здравствуйте,
1) В шаблоне HTML после кода:
<div id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a> </div>
добавьте код:
<div class="header-contact"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope"> </em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %} </div>
в main.css найдите код:
#logo {float: left;margin-top: 20px;}
и замените на код:
#logo {float: left;margin: 20px;}
2) По поводу отзывов Вам ответят в следующем сообщении.
3) В шаблоне HTML удалите код:
<!-- Информационный блок --> {% IF index_page %} <div id="block-info"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-truck"> </em></div> <div class="text-block"> <h4>Бесплатная доставка</h4> </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-unlock-alt"> </em></div> <div class="text-block"> <h4>Безопасная оплата</h4> </div> </div> <div class="clear-resp"></div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-rotate-left"> </em></div> <div class="text-block"> <h4>30 дней гарантии</h4> </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-phone"> </em></div> <div class="text-block"> <h4>Прием заказов 24/7</h4> </div> </div> </div> </div> </div> {% ENDIF %} <!-- /END Информационный блок -->
4) В main.css найдите код:
.product-view .product-shop .add-to-box .wrap-qty {background: #f8f8f8;margin-left: 30px;display: inline-block;float: right;}
и замените на код:
.product-view .product-shop .add-to-box .wrap-qty {background: #f8f8f8;margin-bottom: 10px;display: block;width: 22%;}
#3
Отправлено 16 Январь 2016 - 21:33
так что там с блоком отзывов, как быть?
#4
Отправлено 17 Январь 2016 - 23:39
Спасибо, все получилось отлично.
Еще один вопрос.
Блок верхних кнопок спустить на уровень с логотипом. При этом оставить вверху немного совсем пустого места, что бы логотип не "прилип" к верхнему полю экрана.
Что бы получилось как на фото 2
Еще один вопрос.
Блок верхних кнопок спустить на уровень с логотипом. При этом оставить вверху немного совсем пустого места, что бы логотип не "прилип" к верхнему полю экрана.
Что бы получилось как на фото 2
#5
Отправлено 18 Январь 2016 - 00:31
Юля123 (15 Январь 2016 - 20:22) писал:
Здравствуйте,
1) В шаблоне HTML после кода:
добавьте код:
в main.css найдите код:
и замените на код:
2) По поводу отзывов Вам ответят в следующем сообщении.
3) В шаблоне HTML удалите код:
4) В main.css найдите код:
и замените на код:
1) В шаблоне HTML после кода:
<div id="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=sport" alt="{SETTINGS_STORE_NAME}"></a> </div>
добавьте код:
<div class="header-contact"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone"> </em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope"> </em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %} </div>
в main.css найдите код:
#logo {float: left;margin-top: 20px;}
и замените на код:
#logo {float: left;margin: 20px;}
2) По поводу отзывов Вам ответят в следующем сообщении.
3) В шаблоне HTML удалите код:
<!-- Информационный блок --> {% IF index_page %} <div id="block-info"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-truck"> </em></div> <div class="text-block"> <h4>Бесплатная доставка</h4> </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-unlock-alt"> </em></div> <div class="text-block"> <h4>Безопасная оплата</h4> </div> </div> <div class="clear-resp"></div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-rotate-left"> </em></div> <div class="text-block"> <h4>30 дней гарантии</h4> </div> </div> <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content"> <div class="icon-block"><em class="fa fa-phone"> </em></div> <div class="text-block"> <h4>Прием заказов 24/7</h4> </div> </div> </div> </div> </div> {% ENDIF %} <!-- /END Информационный блок -->
4) В main.css найдите код:
.product-view .product-shop .add-to-box .wrap-qty {background: #f8f8f8;margin-left: 30px;display: inline-block;float: right;}
и замените на код:
.product-view .product-shop .add-to-box .wrap-qty {background: #f8f8f8;margin-bottom: 10px;display: block;width: 22%;}
Сделать блок с ценой внизу под фото, это возможно?
#6
Отправлено 19 Январь 2016 - 04:35
Vlad Vinilov (17 Январь 2016 - 23:39) писал:
Спасибо, все получилось отлично.
Еще один вопрос.
Блок верхних кнопок спустить на уровень с логотипом. При этом оставить вверху немного совсем пустого места, что бы логотип не "прилип" к верхнему полю экрана.
Что бы получилось как на фото 2
Еще один вопрос.
Блок верхних кнопок спустить на уровень с логотипом. При этом оставить вверху немного совсем пустого места, что бы логотип не "прилип" к верхнему полю экрана.
Что бы получилось как на фото 2
В main.css найдите:
#logo { float: left; margin: 20px; }
замените на:
#logo { float: left; margin: 0px 20px; }
далее найдите:
#custommenu { z-index: 1; }
замените на:
#custommenu { z-index: 1; margin-top: 30px; }
Само изображение логотипа имеет отступы сверху и снизу, из-за чего пришлось от полосы сильно опустить меню.
Vlad Vinilov (18 Январь 2016 - 00:31) писал:
Еще есть просьба, изменить само окно с товаром.
Сделать блок с ценой внизу под фото, это возможно?
Сделать блок с ценой внизу под фото, это возможно?
Пример реализации для новинок, в шаблоне HTML найдите блок:
<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}"/> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <p class="old-price"> <span class="price {CURRENCY_CHAR_CODE}">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> </p> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <p class="old-price"> <span class="price {CURRENCY_CHAR_CODE}">{index_page_new_goods.MIN_PRICE_OLD | money_format}</span> </p> {% ENDIF %} <p class="special-price"> <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span> </p> </div> <div class="ratings"> <div class="rating-box"> {% IF index_page_new_goods.OPINION_RATING_VALUE %} <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{index_page_new_goods.OPINION_RATING_VALUE}"> <meta itemprop="reviewCount" content = "{index_page_new_goods.OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{index_page_new_goods.OPINION_RATING_VALUE}0%" alt="{index_page_new_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div> </span> {% ELSE %} <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div> {% ENDIF %} </div> </div> </div>
перенесите его поставив ниже после:
<div class="actions"> <!--a class="add-cart quick button " title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_new_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a--> <a class="add-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_new_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><i class="fa fa-shopping-cart"></i></a> <ul class="add-to-links"> <li class="wishlist"> <!-- Если есть возможность добавить товар в избранное --> {% IF index_page_new_goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added btn-addto" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного" title="Убрать «{index_page_new_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ELSE %} <a class="add-wishlist btn-addto" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из избранного" title="Добавить «{index_page_new_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> </li> <li class="compare"> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added btn-addto" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" data-prodname="{index_page_new_goods.NAME}" data-produrl="{index_page_new_goods.URL}" data-id="{index_page_new_goods.ID}" data-mod-id="{index_page_new_goods.MIN_PRICE_NOW_ID}" title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ELSE %} <a class="add-compare btn-addto" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" data-prodname="{index_page_new_goods.NAME}" data-produrl="{index_page_new_goods.URL}" data-id="{index_page_new_goods.ID}" data-mod-id="{index_page_new_goods.MIN_PRICE_NOW_ID}" title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </li> </ul> </div>
в main.css найдите:
.products-grid .item .item-inner .actions {background: #09afe7;text-align: center;padding: 10px;min-height: 51px;overflow: hidden;position: absolute;width: 98%;margin: 1%;bottom: 0;left: 0;-moz-transform: translateY(300px);-webkit-transform: translateY(300px);-o-transform: translateY(300px);-ms-transform: translateY(300px);transform: translateY(300px);-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
замените на:
.products-grid .item .item-inner .actions {background: #09afe7;text-align: center;padding: 10px;min-height: 51px;overflow: hidden;position: absolute;width: 98%;margin: 1%;bottom: 70px;left: 0;-moz-transform: translateY(300px);-webkit-transform: translateY(300px);-o-transform: translateY(300px);-ms-transform: translateY(300px);transform: translateY(300px);-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных