Некоторые Изменения
#1
Отправлено 22 Сентябрь 2016 - 19:56
2) и как эти рамки немного уменьшить, что бы влезала четвертая фотография в ряд?
3) как увеличить вниз немного рамку с цветами, а то видно что фото выбора цветов все не влезает?
4)как сделать что бы от увеличения количества товара менялась цена?
5)как вместо "нет в наличии" сделать "доступно к заказу"?
6)как увеличить немного цену?
#2
Отправлено 22 Сентябрь 2016 - 20:40
Mamba (22 Сентябрь 2016 - 19:56) писал:
2) и как эти рамки немного уменьшить, что бы влезала четвертая фотография в ряд?
3) как увеличить вниз немного рамку с цветами, а то видно что фото выбора цветов все не влезает?
4)как сделать что бы от увеличения количества товара менялась цена?
5)как вместо "нет в наличии" сделать "доступно к заказу"?
6)как увеличить немного цену?
Безымянный.JPG
Безымянный1.JPG
1) В файле main.css (421 строка)
замените
.products-grid .item .item-inner .item-img > a {display: table-cell;vertical-align: middle;z-index: 1;width: 270px;height: 270px;}на
.products-grid .item .item-inner .item-img > a {display: table-cell;vertical-align: middle;z-index: 1;width: 270px;height: 270px;background: #fff;}
3) замените (строка 513)
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock {max-height: 120px;overflow: hidden;border-left: 3px solid #c7081b;padding: 0 0 0 15px;}на
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock {max-height: 200px;overflow: hidden;border-left: 3px solid #c7081b;padding: 0 0 0 15px;}6) Для увеличения цены в файле main.css (138 строка)
/* Цена */ .price {display: inline-block;color: #c7081b;font-size: 18px;letter-spacing: 0.5px;}замените на
/* Цена */ .price {display: inline-block;color: #c7081b;font-size: 30px;letter-spacing: 0.5px;}где font-size: - размер шрифта
2) Ответ на второй вопрос
http://forum.storela...ры/#entry247476
#3
Отправлено 22 Сентябрь 2016 - 20:54
найдите (строка 86)
<div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Нет в наличии</span></div>замените на
<div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Доступно к заказу</span></div>
#4
Отправлено 22 Сентябрь 2016 - 21:41
1)Плюс еще не подскажите. Поменял тему на город, которая сейчас и в товарах теперь как показано на рисунке, цвет дерева расплывается в ширину сильно,закрывая при этом выбор фасадов. У фасадов тоже такая же картинка рядом должна быть. Хотя в другой теме было все хорошо. Не подскажите как можно это скорректировать?
2)И как перенести выбор цветов как на нижней фото справа налево ,а то эти цвета в одном товаре слева,в другом справа, может кстати из за этого и не видно фасадов?
3)И как поменять белый фон товара на главной странице , в категориях и подкатегориях на тот который показан на рисунке по цифрой 1,с тоненькой черной рамкой, ну или на крайней случай под цифрой 2?
#5
Отправлено 23 Сентябрь 2016 - 02:51
<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>
замените на:
<span data-price="{GOODS_MOD_PRICE_NOW}" class="price goodsDataMainModificationPriceNow" itemprop="price" content="{GOODS_MOD_PRICE_NOW}"> {GOODS_MOD_PRICE_NOW | money_format}</span>
в конец main.js вставьте:
$(function() { $(document).on('keyup', '.quantity', function() { var count = parseInt($(this).val()), amount = $('.goodsDataMainModificationPriceNow'), price = parseFloat(amount.data('price')); amount.find('.num').text(number_format(price * count, 0, ',', ' ')); return (false); }).find('.quantity').trigger('keyup'); });
По остальным вопросам, в main.css найдите:
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock { max-height: 200px; overflow: hidden; border-left: 3px solid #c7081b; padding: 0 0 0 15px; }
после него пропишите:
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock img { width: 45%; display: inline-block; float: none; position: relative; }
#6
Отправлено 23 Сентябрь 2016 - 03:18
Плюс еще один вопрос, как в подкатегориях сделать как показано на рисунке снизу. Что бы надписи не всплывали при наводке на фото, а всегда на том же месте были, что бы было понятно что это за категория, а все остальное оставить также ( красную ссылку при наводке мышкой и затемнения фото)
#7
Отправлено 23 Сентябрь 2016 - 03:34
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock { max-height: 200px; overflow: hidden; border-left: 3px solid #c7081b; padding: 0 0 0 15px; }
замените на:
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock { max-height: 200px; overflow: hidden; border-left: 3px solid #c7081b; padding: 0 0 0 15px; width: 100%; clear: both; }
3. Белый фон у категорий стоит в самом фото, как и у товаром частично присутствует белый фон. В main.css найдите:
.products-grid .item .item-inner .item-img > a { display: table-cell; vertical-align: middle; z-index: 1; width: 270px; height: 270px; background: #fff; }
замените на:
.products-grid .item .item-inner .item-img > a { display: table-cell; vertical-align: middle; z-index: 1; width: 270px; height: 270px; background: #F5F5F5; border: 1px solid #000; }
#8
Отправлено 23 Сентябрь 2016 - 03:57
#9
Отправлено 23 Сентябрь 2016 - 04:18
Mamba (23 Сентябрь 2016 - 03:57) писал:
В main.css найдите:
/* Категории */ .categories {text-align: center;} .categories .item {margin-bottom: 30px;} .categories .item .image {display: table-cell;vertical-align: middle;width: 270px;height: 270px;} .categories .item .image img {display: block;margin: 0 auto;max-width: 100%;} .cat-info {display: inline-block;position: relative;overflow: hidden;width: 100%;vertical-align: middle;cursor: pointer;} .cat-info:before {content: "";position: absolute;z-index: 9;width: 100%;height: 100%;background-color: transparent;left: 0;right: 0;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;transition: all 0.35s ease 0s;-webkit-transition: all 0.35s ease 0s;-moz-transition: all 0.35s ease 0s;-ms-transition: all 0.35s ease 0s;-o-transition: all 0.35s ease 0s;} .cat-info img {max-width: 100%;backface-visibility: hidden;transition: opacity .35s ease 0s,transform .35s ease 0s;-moz-transition: opacity .35s ease 0s,transform .35s ease 0s;-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;-ms-transition: opacity .35s ease 0s,transform .35s ease 0s;-o-transition: opacity .35s ease 0s,transform .35s ease 0s;} .cat-info .cat-inner {display: block;position: relative;} .cat-info .cat-name {display: block;position: absolute;bottom: 30px;left: 0;padding: 0 15px;top: auto;width: 100%;z-index: 9;} .cat-info h3 {display: block;position: absolute;background: rgba(0,0,0,0.7);bottom: -26px;color: #fff;padding: 5px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: 0;-moz-opacity: 0;-webkit-opacity: 0;-khtml-opacity: 0;transform: translate(0,76px);-moz-transform: translate(0,76px);-webkit-transform: translate(0,76px);-ms-transform: translate(0,76px);-o-transform: translate(0,76px);transition: opacity .35s ease 0s,transform .35s ease 0s;-moz-transition: opacity .35s ease 0s,transform .35s ease 0s;-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;-ms-transition: opacity .35s ease 0s,transform .35s ease 0s;-o-transition: opacity .35s ease 0s,transform .35s ease 0s;} .cat-info h3:hover {color: #c7081b;} .cat-info:hover:before {background: rgba(85,85,85,0.3);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;} .cat-info:hover img {transform: translate3d(0px,0px,0px);-moz-transform: translate3d(0px,0px,0px);-webkit-transform: translate3d(0px,0px,0px);-ms-transform: translate3d(0px,0px,0px);-o-transform: translate3d(0px,0px,0px);} .cat-info:hover h3 {bottom: 0px;overflow: visible;opacity: 1;-moz-opacity: 1;-webkit-opacity: 1;-khtml-opacity: 1;transform: translate(0px,10px);-moz-transform: translate(0px,10px);-webkit-transform: translate(0px,10px);-ms-transform: translate(0px,10px);-o-transform: translate(0px,10px);} .cat-info:hover .cat-inner::after {width: 50px;}
замените на:
/* Категории */ .categories {text-align: center;} .categories .item {margin-bottom: 30px;} .categories .item .image {display: table-cell;width: 270px;height: 300px;} .categories .item .image img {display: block;margin: 0 auto;max-width: 100%;} .cat-info {display: inline-block;position: relative;overflow: hidden;width: 100%;vertical-align: middle;cursor: pointer;} .cat-info:before {content: "";position: absolute;z-index: 9;width: 100%;height: 80%;background-color: transparent;left: 0;right: 0;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;transition: all 0.35s ease 0s;-webkit-transition: all 0.35s ease 0s;-moz-transition: all 0.35s ease 0s;-ms-transition: all 0.35s ease 0s;-o-transition: all 0.35s ease 0s;} .cat-info img {max-width: 100%;backface-visibility: hidden;transition: opacity .35s ease 0s,transform .35s ease 0s;-moz-transition: opacity .35s ease 0s,transform .35s ease 0s;-webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;-ms-transition: opacity .35s ease 0s,transform .35s ease 0s;-o-transition: opacity .35s ease 0s,transform .35s ease 0s;} .cat-info .cat-inner {display: block;position: relative;} .cat-info .cat-name {display: block;padding: 0 15px;margin-top:10px;width: 100%;z-index: 9;} .cat-info h3 {display: block;position: relative;background: rgba(0,0,0,0.7);color: #fff;padding: 5px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .cat-info:hover:before {background: rgba(85,85,85,0.3);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;} .cat-info:hover img {transform: translate3d(0px,0px,0px);-moz-transform: translate3d(0px,0px,0px);-webkit-transform: translate3d(0px,0px,0px);-ms-transform: translate3d(0px,0px,0px);-o-transform: translate3d(0px,0px,0px);} .cat-info:hover h3 {color: #c7081b;} .cat-info:hover .cat-inner::after {width: 50px;}
#11
Отправлено 24 Сентябрь 2016 - 16:23
Mamba (24 Сентябрь 2016 - 14:06) писал:
2016-09-24_14-11-04.png
В шаблоне html найдите и удалите код
<!-- Логотип --> <div class="col-lg-6 col-sm-4 col-sms-12 col-smb-12"> <div class="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=urban" alt="{SETTINGS_STORE_NAME}"> </a> </div> </div>Так же найдите
<!-- Информационный блок --> <div class="btn-close fa fa-minus" title="Закрыть"></div> <div class="header-info" style="{% IF USER_INTERACTION_HEADER_INFO_DISPLAY = open %}display: none;{% ELSE %}display: block;{% ENDIF %}"> <div class="container"> <div class="row"> <ul class="info-list"> <li class="info-item"> <a href="http://{NET_DOMAIN}/page/Доставка"> <div class="info-icon"> <i class="fa fa-truck"></i> </div> <div class="info-content"> <h6>Доставка и сборка</h6> <p class="text-italic">Сборка мебели в день доставки!</p> </div> </a> </li> <li class="info-item"> <a href="http://{NET_DOMAIN}/page/Доставка"> <div class="info-icon"> <i class="fa fa-gift"></i> </div> <div class="info-content"> <h6>Прием заказов 24/7</h6> <p class="text-italic">Оформите заказ прямо сейчас!</p> </div> </a> </li> <li class="info-item"> <a href="http://{NET_DOMAIN}/page/Доставка"> <div class="info-icon"> <i class="fa fa-money"></i> </div> <div class="info-content"> <h6>Безопасная оплата</h6> <p class="text-italic">Оплата товара в день доствки!</p> </div> </a> </li> </ul> </div> </div> </div>и замените на
<!-- Информационный блок --> <div class="btn-close fa fa-minus" title="Закрыть"></div> <div class="header-info" style="{% IF USER_INTERACTION_HEADER_INFO_DISPLAY = open %}display: none;{% ELSE %}display: block;{% ENDIF %}"> <div class="container"> <div class="row"> <ul class="info-list"> <li class="info-item"> <div class="logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=urban" alt="{SETTINGS_STORE_NAME}"> </a> </div> </li> <li class="info-item"> <a href="http://{NET_DOMAIN}/page/Доставка"> <div class="info-icon"> <i class="fa fa-truck"></i> </div> <div class="info-content"> <h6>Доставка и сборка</h6> <p class="text-italic">Сборка мебели в день доставки!</p> </div> </a> </li> <li class="info-item"> <a href="http://{NET_DOMAIN}/page/Доставка"> <div class="info-icon"> <i class="fa fa-money"></i> </div> <div class="info-content"> <h6>Безопасная оплата</h6> <p class="text-italic">Оплата товара в день доствки!</p> </div> </a> </li> </ul> </div> </div> </div>
#13
Отправлено 25 Сентябрь 2016 - 09:52
Mamba (25 Сентябрь 2016 - 00:12) писал:
А подскажите пожалуйста, как вставить второй телефон в шапку правее от первого телефона, а еще правее вставить почту?
Безымянный.JPG
Здравствуйте.
В редакторе шаблонов - Html
Найдите
<!-- Личный кабинет --> <div class="col-lg-3 col-sm-4 col-sms-6 col-smb-6" >замените на
<!-- Личный кабинет --> <div class="col-lg-9 col-sm-8 col-sms-6 col-smb-6" >Затем найдите(строка 227):
<!-- Телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div class="block-phone"> <i class="fa fa-phone"></i> <span class="label">Телефон: </span> <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> </div> {% ENDIF %}скопируйте и добавьте ниже, с параметром {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<!-- Телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <div class="block-phone"> <i class="fa fa-phone"></i> <span class="label">Телефон: </span> <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> </div> {% ENDIF %}
Затем вставьте данный код после 2го телефона
{% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><i class="fa fa-envelope"></i>Email: <span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}В конце файла main.css (строка 246)
добавьте:
.header-bottom .email {display: inline-block; margin-left: 30px; text-transform: uppercase;}
#15
#17
Отправлено 26 Сентябрь 2016 - 13:12
Mamba (26 Сентябрь 2016 - 12:58) писал:
1) сделать номера телефонов крупнее?
2) убрать, как показано на рисунке два нижних телефона
3) а почту переместить наверх в строчку с телефонами? Н111.JPG
В файле main.css
найдите (243 строка)
.block-phone a {font-size: 18px;margin-left: 5px;}замените на
.block-phone a {display: none; font-size: 18px;margin-left: 5px;}
Чтобы увеличить шрифт (строка 60)
.label {font-family: "agency", 'PT Sans Narrow', sans-serif;font-size: 18px;}замените на
.label {font-family: "agency", 'PT Sans Narrow', sans-serif;font-size: 21px;}
#18
Отправлено 26 Сентябрь 2016 - 18:11
#20
Отправлено 27 Сентябрь 2016 - 16:17
1) как убрать надпись старой почты из предыдущей темы?
2) увеличить надпись новой почты?
3) при нажатии на блоки "доставка и сборка" и "безопасная оплата" выскакивает страница на которой написано "ничего не найдено", эту страницу где то надо заполнять? если нет, то можно сделать эти блоки не кликабельными, что бы такие страницы не появлялись?
4) можно ли дополнительно поместить каталок как указано на рисунки под цифрой 4?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных