Изменить Шапку И Верхнее Меню
#21
Отправлено 13 Май 2016 - 10:38
#22
Отправлено 13 Май 2016 - 14:22
zabota-mama (13 Май 2016 - 10:38) писал:
Здравствуйте, перед изменениями создайте бекап, далее в шаблоне Товары найдите код:
<div class="item-content" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <div class="item-price"> <div class="price-box"> <!-- информация для поисковика о валюте товара --> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <p class="old-price"> <span class="price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> </p> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <p class="old-price"> <span class="price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span> </p> {% ENDIF %} <p class="special-price"> <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span> </p> </div> </div> <!-- Артикул --> <div class="goodsDataMainModificationArtNumber" {% IFNOT goods.ART_NUMBER %}style="display:none"{% ENDIF %}> Артикул: <span>{goods.ART_NUMBER}</span> </div> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <div class="cart-wrap"> <a class="add-cart btn-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>В корзину</a> </div> </form> <div class="rating"> <div class="ratings"> <div class="rating-box" title="Рейтинг товара"> {% IF 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 = "{goods.OPINION_RATING_VALUE}"> <meta itemprop="reviewCount" content = "{goods.OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{goods.OPINION_RATING_VALUE}0%" alt="{goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div> </span> {% ELSE %} <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div> {% ENDIF %} </div> </div> </div> </div>
замените на код:
<div class="change" > {% IF goods.COUNT_MODIFICATION > 1 %} <select class="select_mod" > {% FOR mods %} <option value="{goods.mods.ID}" {% IF goods.mods.SELECTED %}selected="selected"{% ENDIF %}> {%FOR goods_mod_distinctive_properties %}{goods.mods.goods_mod_distinctive_properties.VALUE} {% ENDFOR %}</option> {% ENDFOR mods %} </select> {%ENDIF%} {% FOR mods %} <!-- Доступность товара --> <div class="mod_inf1 {goods.mods.ID}" {% IF goods.COUNT_MODIFICATION=1 %}style="display:block"{%ENDIF%}> <div class="item-content" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <div class="item-price"> <div class="price-box"> <!-- информация для поисковика о валюте товара --> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> {% IF goods.mods.PRICE_NOW_WITHOUT_DISCOUNT>goods.mods.PRICE_NOW %} <p class="old-price"> <span class="price {CURRENCY_CHAR_CODE}">{goods.mods.PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> </p> {% ELSEIF goods.mods.PRICE_OLD>goods.mods.PRICE_NOW %} <p class="old-price"> <span class="price {CURRENCY_CHAR_CODE}">{goods.mods.PRICE_OLD | money_format}</span> </p> {% ENDIF %} <p class="special-price"> <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{goods.mods.PRICE_NOW | money_format}</span> </p> </div> </div> <div class="goodsDataMainModificationArtNumber" {% IFNOT goods.ART_NUMBER %}style="display:none"{% ENDIF %}> Артикул: <span>{goods.ART_NUMBER}</span> </div> </div> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.mods.ID}" /> <a class="btn toCart btn-success" onclick="addItem('#goodsListFormId{goods.mods.ID}'); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.mods.ID}" title="Положить «{goods.NAME}» в корзину"> <span class="basket_add"></span> </a> </form> </div> <!-- Доступность товара --> {% ENDFOR mods %} </div>
В конце main.js добавьте код:
$(function(){ $('.select_mod').change(function(){ var modInf = $(this).closest('.change').find('.mod_inf1').hide(), active = modInf.filter('.' + $(this).val()); if(active.length){ active.show(); return; } modInf.first().show(); }).trigger('change'); });
Далее добавляйте в товаре модификации. Если всё корректно будет работать, изменим положение кнопки в корзину. Сейчас она у Вас немного поменяет свое положение, т.к. изменение связанное с модификацией затрагивает и кнопку в корзину.
#23
Отправлено 15 Май 2016 - 23:41
получилось вот так -
(на товар слева наведен курсор).
Можно ли чтобы отображалась цена и артикул только одного размера (первого размера у которого остаток >0)?
И чтобы при выборе другого размера менялись артикул и цена на соответствующие.
Спасибо.
#24
Отправлено 16 Май 2016 - 14:31
zabota-mama (15 Май 2016 - 23:41) писал:
получилось вот так -
(на товар слева наведен курсор).
Можно ли чтобы отображалась цена и артикул только одного размера (первого размера у которого остаток >0)?
И чтобы при выборе другого размера менялись артикул и цена на соответствующие.
Спасибо.
У Вас не полностью выполнена инструкция, а именно не добавлен код:
$(function(){ $('.select_mod').change(function(){ var modInf = $(this).closest('.change').find('.mod_inf1').hide(), active = modInf.filter('.' + $(this).val()); if(active.length){ active.show(); return; } modInf.first().show(); }).trigger('change'); });
в файл main.js, после его добавления цена будет отображаться корректно. Чтобы артикул отображался корректно, в шаблоне Товары найдите код:
<div class="goodsDataMainModificationArtNumber" {% IFNOT goods.ART_NUMBER %}style="display:none"{% ENDIF %}> Артикул: <span>{goods.ART_NUMBER}</span> </div>
и замените на код:
<div class="goodsDataMainModificationArtNumber" {% IFNOT goods.mods.ART_NUMBER %}style="display:none"{% ENDIF %}> Артикул: <span>{goods.mods.ART_NUMBER}</span> </div>
#25
Отправлено 17 Май 2016 - 22:15
Сейчас все нормально.
Осталось добавить кнопку Купить.
#26
Отправлено 18 Май 2016 - 01:24
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.mods.ID}" /> <a class="btn toCart btn-success" onclick="addItem('#goodsListFormId{goods.mods.ID}'); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.mods.ID}" title="Положить «{goods.NAME}» в корзину"> <span class="basket_add"></span> </a> </form>
замените на:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.mods.ID}" /> <a class="add-cart btn-cart button" title="В корзину">В корзину</a> </form>
#27
Отправлено 22 Май 2016 - 22:48
#28
#29
Отправлено 06 Июнь 2016 - 16:42
#32
Отправлено 08 Июнь 2016 - 14:55
zabota-mama (08 Июнь 2016 - 13:17) писал:
Подскажите, а где можно поменять тексты этих элементов.
И сделать так чтобы по умолчанию они были такие как при наведении мышкой.
Здравствуйте, в шаблоне HTML найдите код:
<!-- Баннеры --> {% IF index_page %} <div id="topsl" class="wrap"> <div class="container"> <div class="row"> <div class="block free-shipping col-sm-3 col-sms-6 col-smb-12"> <div class="block-title"><span>Бесплатная доставка</span></div> <div class="block-content">Доставка по городу и области Бесплатна!</div> </div> <div class="block money-back col-sm-3 col-sms-6 col-smb-12"> <div class="block-title"><span>30 дней гарантии</span></div> <div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div> </div> <div class="block orders-247 col-sm-3 col-sms-6 col-smb-12"> <div class="block-title"><span>Прием заказов 24/7</span></div> <div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div> </div> <div class="block secured-payment col-sm-3 col-sms-6 col-smb-12"> <div class="block-title"><span>Безопасная оплата</span></div> <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div> </div> </div> </div> </div> {% ENDIF %} <!-- /END Баннеры -->
В этом коде текст, написанный русским меняйте на нужный Вам текст. Далее в main.css найдите код:
#topsl .block:hover .block-title {color: #3cabda;} #topsl .block:hover .block-title:before {border-color: #3cabda;cursor:pointer;} #topsl .block:hover .block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);} #topsl .block:hover .block-title span:after {background-position: 0px top;} #topsl .block.money-back:hover .block-title span:after {background-position: -156px top;} #topsl .block.orders-247:hover .block-title span:after {background-position: -312px top;} #topsl .block.secured-payment:hover .block-title span:after {background-position: -468px top;}
и замените на код:
#topsl .block .block-title {color: #3cabda;} #topsl .block.block-title:before {border-color: #3cabda;cursor:pointer;} #topsl .block.block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);} #topsl .block .block-title span:after {background-position: 0px top;} #topsl .block.money-back.block-title span:after {background-position: -156px top;} #topsl .block.orders-247 .block-title span:after {background-position: -312px top;} #topsl .block.secured-payment .block-title span:after {background-position: -468px top;}
#34
Отправлено 09 Июнь 2016 - 16:56
Юля123 (08 Июнь 2016 - 14:55) писал:
#topsl .block:hover .block-title {color: #3cabda;} #topsl .block:hover .block-title:before {border-color: #3cabda;cursor:pointer;} #topsl .block:hover .block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);} #topsl .block:hover .block-title span:after {background-position: 0px top;} #topsl .block.money-back:hover .block-title span:after {background-position: -156px top;} #topsl .block.orders-247:hover .block-title span:after {background-position: -312px top;} #topsl .block.secured-payment:hover .block-title span:after {background-position: -468px top;}
и замените на код:
#topsl .block .block-title {color: #3cabda;} #topsl .block.block-title:before {border-color: #3cabda;cursor:pointer;} #topsl .block.block-title span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);} #topsl .block .block-title span:after {background-position: 0px top;} #topsl .block.money-back.block-title span:after {background-position: -156px top;} #topsl .block.orders-247 .block-title span:after {background-position: -312px top;} #topsl .block.secured-payment .block-title span:after {background-position: -468px top;}
Сделал, ерунда какая-то получилась http://newzm1.storeland.ru/
#35
Отправлено 10 Июнь 2016 - 03:10
#topsl .block .block-title span:after {background-position: 0px top;} #topsl .block.money-back.block-title span:after {background-position: -156px top;} #topsl .block.orders-247 .block-title span:after {background-position: -312px top;} #topsl .block.secured-payment .block-title span:after {background-position: -468px top;}
замените на:
#topsl .block .block-title span:after {background-position: -78px top;} #topsl .block.money-back.block-title span:after {background-position: -156px top;} #topsl .block.orders-247 .block-title span:after {background-position: -390px top;} #topsl .block.secured-payment .block-title span:after {background-position: -546px top;}
#37
Отправлено 11 Июнь 2016 - 05:56
#topsl .block .block-title:before {position: absolute;content: "";height: 84px;width: 84px;border: 1px solid #dfdfdf;left: 50%;top: 0px;margin-left: -43px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}
замените на:
#topsl .block .block-title:before {background: #3CABDA;position: absolute;content: "";height: 84px;width: 84px;border: 1px solid #dfdfdf;left: 50%;top: 0px;margin-left: -43px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}
далее найдите:
#topsl .block .block-title span:after {background-position: -78px top;} #topsl .block.money-back.block-title span:after {background-position: -156px top;} #topsl .block.orders-247 .block-title span:after {background-position: -390px top;} #topsl .block.secured-payment .block-title span:after {background-position: -546px top;}
замените на:
#topsl .block .block-title span:after {background-position: 0px top;} #topsl .block.money-back .block-title span:after {background-position: -156px top;} #topsl .block.orders-247 .block-title span:after {background-position: -312px top;} #topsl .block.secured-payment .block-title span:after {background-position: -468px top;}
#38
Отправлено 17 Июль 2016 - 14:39
SL-364175
как убрать верху справа кружки ВК И ДР. возле меню поиска? И УБРАТЬ справа появляющееся меню вк?
#39
Отправлено 17 Июль 2016 - 16:19
velonevod (17 Июль 2016 - 14:39) писал:
Здравствуйте, в разделе Сайт-Редактор шаблонов-в файле HTML в блоке кода:
<!-- Logo --> <div id="logo" class="col-xs-4"> <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/"> <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}"> </a> </div> <!-- END: Logo -->в строчке <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}"> вместо существующего изображения с именем logo.png прописываете имя нового файла(логотипа,картинки), который загрузите в Редактор шаблонов
#40
Отправлено 17 Июль 2016 - 16:40
velonevod (17 Июль 2016 - 14:39) писал:
<ul class="connect-us"> <li><a href="#" class="fa fa-facebook"></a></li> <li><a href="#" class="fa fa-twitter"></a></li> <li><a href="#" class="fa fa-youtube"></a></li> <li><a href="#" class="fa fa-vk"></a></li> </ul>и строчки 1302-1314:
<!-- Виджет сообществ --> <div id="community_widget_right"> <div class="community-widget"> <span class="community-widget-button"><i class="fa fa-vk"></i></span> <div class="community-widget-content"> <!-- VK Widget. Замените id(20003922) на id Вашей группы --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '666666', color3: '#3cabda'}, 20003922); </script> </div> </div> </div>
Также в файле main.css удалите строчки кода 215-222:
#header .header-right .header-right-inner .connect-us {list-style: none;float: left;margin: 0 0 10px 25px;padding: 0;} #header .header-right .header-right-inner .connect-us li {margin-left: 5px;float: left;display: inline-block;} #header .header-right .header-right-inner .connect-us li:first-child {margin-left: 0px;} #header .header-right .header-right-inner .connect-us li a {display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;border: 1px solid #dfdfdf;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #c9c9c9;} #header .header-right .header-right-inner .connect-us li a.fa-facebook:hover {border-color: #3197f7;color: #3197f7;} #header .header-right .header-right-inner .connect-us li a.fa-twitter:hover {border-color: #16def0;color: #16def0;} #header .header-right .header-right-inner .connect-us li a.fa-youtube:hover {border-color: #e82a2a;color: #e82a2a;} #header .header-right .header-right-inner .connect-us li a.fa-vk:hover {border-color: #537599;color: #537599;}и строчки 786-793:
/* Виджет сообществ */ .community-widget {width: 260px;background: #FFF;padding: 0px;z-index: 998;border: 1px solid #cecece;border-right: none;position: fixed;right: 0px;top: 100px;-webkit-border-radius: 0 0 0 8px;-moz-border-radius: 0 0 0 8px;border-radius: 0 0 0 8px;} .community-widget .community-widget-button {position: absolute;top: -1px;right: 100%;height: 50px;width: 50px;font-size: 20px;cursor: pointer;line-height: 46px;background: #fff;text-align: center;border: 1px solid #ddd;-webkit-border-radius: 8px 0 0 8px;-moz-border-radius: 8px 0 0 8px;border-radius: 8px 0 0 8px;} .community-widget .community-widget-button i {text-align: center;vertical-align: middle;} .community-widget .community-widget-content {padding: 12px 20px;} .community-widget .community-widget-content .block .block-title {padding: 0px 0px 10px;border-bottom: 1px solid #DDD;font-family: Open Sans, sans-serif;font-weight: 300 !important;color: #666666;font-size: 150%;text-transform: uppercase;} .community-widget .community-widget-content .block .block-content {padding: 10px 0px 5px;} .community-widget:hover .community-widget-button .fa-vk {color: #537599;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных