Доработать Главную
#1
Отправлено 15 Май 2016 - 19:51
Необходимо:
1. Строку меню удалить.
2. Поменять местами строку каталога и "ЛК, телефон, корзина". Телефон убрать. При этом цвета строк должны идти в порядке сверху вниз Черный-серый-белый.
3. В выпадающем меню изменить расположение товарных подкатегорий. То есть, визуально при наведении на месяц должен получиться "календарь" дат на этот месяц. В идеале это семь квадратных полей в 6 строк. Но как соблюсти дни недели - не могу придумать.
4. Внизу оставить только пункт "Контакты"
5. В информационном блоке "Возврат средств" заменить иконку на символ рубля, а в блоке "Мы всегда на связи" - на телефонные трубки (все в приложении)
6. Пункт "Доставка" убрать из всех уровней. Cейчас точно есть в подвале на главной. Может где еще не вижу.
Заранее благодарна!
#2
Отправлено 16 Май 2016 - 14:20
Natashka prosto prazdnik (15 Май 2016 - 19:51) писал:
Необходимо:
1. Строку меню удалить.
2. Поменять местами строку каталога и "ЛК, телефон, корзина". Телефон убрать. При этом цвета строк должны идти в порядке сверху вниз Черный-серый-белый.
3. В выпадающем меню изменить расположение товарных подкатегорий. То есть, визуально при наведении на месяц должен получиться "календарь" дат на этот месяц. В идеале это семь квадратных полей в 6 строк. Но как соблюсти дни недели - не могу придумать.
4. Внизу оставить только пункт "Контакты"
5. В информационном блоке "Возврат средств" заменить иконку на символ рубля, а в блоке "Мы всегда на связи" - на телефонные трубки (все в приложении)
6. Пункт "Доставка" убрать из всех уровней. Cейчас точно есть в подвале на главной. Может где еще не вижу.
Заранее благодарна!
Здравствуйте, в шаблоне HTML найдите и удалите код:
<!-- Личный кабинет, Телефон, Поиск --> <div class="header-top"> <div class="container"> <div class="block-account"> <div class="user-title"> <i class="fa fa-bars" title="Меню пользователя"></i><span class="label">Меню</span> </div> <ul class="dropdown-list"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <!-- Поиск --> <div class="form-search"> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;"> <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск по магазину..."> <input type="hidden" name="goods_search_field_id" value="0"> <button type="submit" title="Искать" class="button search-submit fa fa-search"></button> </form> </div> </div> </div>
далее найдите код:
<!-- Меню, Логотип, Корзина --> <div class="header-bottom"> <div class="container"> <div class="row"> <!-- Личный кабинет --> <div class="col-lg-3 col-sm-4 col-sms-6 col-smb-6" > <div class="block-user"> <div class="user-title"> <i class="fa fa-user" title="Меню пользователя"></i><span class="label">ЛК</span> </div> <ul class="dropdown-list"> {% IFNOT CLIENT_IS_LOGIN %} <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет">Вход</a></li> <li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}">Сравнение</a></li>{% ENDIF %} {% ELSE %} <li><a href="{USER_SETTINGS_URL}">Мой кабинет</a></li> <li><a href="{FAVORITES_URL}">Избранное</a></li> <li><a href="{USER_HISTORY_LIST_URL}">История заказов</a></li> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}">Сравнение</a></li>{% ENDIF %} <li><a href="{USER_LOGOUT_URL}">Выход</a></li> {% ENDIF %} </ul> </div> <!-- Телефон --> {% 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 %} </div> <!-- Корзина --> <div class="col-lg-3 col-sm-4 col-sms-6 col-smb-6 col-right"> <div class="block-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}"> <div class="cart-title"> <a href="{CART_URL}" class="label">Корзина<i class="fa fa-shopping-cart" title="Перейти в корзину"> </i></a> <span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span> </div> <div class="dropdown-cart"> <div class="cart-content"> {% IF cart_count_empty %} <div class="cart-empty">Ваша корзина пуста</div> {% ELSE %} <ul class="cart-products-list"> {% FOR cart_items %} <li class="item"> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a> <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=urban{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <div class="product-rating"> <div class="ratings"> <div class="rating-box"> {% IF cart_items.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 = "{cart_items.GOODS_OPINION_RATING_VALUE_ROUND}"> <div class="rating" style="width:{cart_items.GOODS_OPINION_RATING_VALUE_ROUND}0%" alt="{cart_items.GOODS_OPINION_RATING_VALUE_ROUND}" title="Рейтинг товара"></div> </span> {% ELSE %} <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div> {% ENDIF %} </div> </div> </div> <div class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></div> <div class="product-price"> <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> {% IF cart_items.GOODS_MOD_PRICE_OLD>cart_items.GOODS_MOD_PRICE_NOW %} <span class="old-price"> <span class="price {CURRENCY_CHAR_CODE}">{cart_items.GOODS_MOD_PRICE_OLD | money_format}</span> </span> {% ENDIF %} </div> <div class="product-qty"> <span class="qty-label">Количество: </span> <span class="qty-value"> <span class="quantity">{cart_items.ORDER_LINE_QUANTITY} {cart_items.GOODS_MOD_MEASURE_NAME}</span> </span> </div> {% IFNOT cart_items.distinctive_properties_empty %}<div class="product-mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</div>{% ENDIF %} </div> </li> {% ENDFOR %} </ul> {% FOR cart_sum %} <div class="subtotal"> <span class="label">Итого:</span> <span class="price {CURRENCY_CHAR_CODE} total-sum">{cart_sum.NOW | money_format}</span> </div> {% ENDFOR %} <div class="actions"> <a class="button black products-remove" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a> <a class="button black" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a> </div> {% ENDIF %} </div> </div> </div> </div> <!-- Логотип --> <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> </div> </div>
переместите его перед кодом:
<!-- Меню Каталог в шапке -->
далее находим и удаляем код:
<!-- Телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div class="block-phone"> <i class="fa fa-phone"></i> <label>Телефон: </label> <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 %}
В main.css код:
.header-bottom {position: relative;padding: 15px 0;background-color: #f5f5f5;}
замените на код:
.header-bottom {position: relative;padding: 15px 0;background-color: #494949; color: #fff;} .header-middle {background: #f5f5f5;} .cart-title a { color: #fff;}
далее код:
#custommenu .mainnav > li > a {display: block;color: #fff;line-height: 40px;padding: 0 22px 0 0;margin-right: 22px;font-family: "agency", 'PT Sans Narrow', sans-serif;font-size: 18px;font-weight: normal;text-transform: uppercase;}
замените на код:
#custommenu .mainnav > li > a {display: block;color: #1e1e21;line-height: 40px;padding: 0 22px 0 0;margin-right: 22px;font-family: "agency", 'PT Sans Narrow', sans-serif;font-size: 18px;font-weight: normal;text-transform: uppercase;}
Должно получится так:
3) Пришлите рисунок/скриншот с тем как это должно выглядеть.
4) Код и шаблона HTML:
<ul class="box-footer-fixed"> <li class="item contacts"> <a href="javascript:void(0)" data-id="contacts"><i class="fa fa-users"></i><h5>Контакты</h5></a> </li> <li class="item recently-viewed"> <a href="javascript:void(0)" data-id="recently-viewed"><i class="fa fa-eye"></i><h5>Вы смотрели</h5></a> </li> <li class="item wishlist"> <a href="javascript:void(0)" data-id="wishlist"><i class="fa fa-heart"></i><h5>Избранное</h5></a> </li> <li class="item sign-up"> <a href="javascript:void(0)" data-id="sign-up"><i class="fa fa-retweet"></i><h5>Сравнение</h5></a> </li> </ul>
замените на код:
<ul class="box-footer-fixed"> <li class="item contacts"> <a href="javascript:void(0)" data-id="contacts"><i class="fa fa-users"></i><h5>Контакты</h5></a> </li> </ul>
5) Добавьте эту картинку в редакторе шаблонов нажав на кнопочку "Добавить файлы", далее обновите страницу, затем в списке изображений найдите добавленное изображение и кликните на кнопку:
скопируйте первую ссылку на изображение во всплывающем окне (начинается на <img ...)
Далее в HTML найдите код:
<i class="fa fa-money"></i>
и замените на полученную ссылку.
в конце main.css добавьте код:
.info-icon img { width: 45px; }
Важно (!) чтобы изображение корректно отображалось в этом блоке, нужно добавлять изображение в формате png, и чтобы у этого изображения не было фона. У прикрепленного файла фон присутствует, поэтому будет отображаться так:
попробуйте найти изображение без фона.
Аналогичные действия нужно произвести и с трубками, только заменять в шаблоне HTML нужно код:
<i class="fa fa-truck"></i>
6) Зайдите во вкладку Сайт - Меню, в нижнем меню удалите пункт "Доставка"
#3
Отправлено 16 Май 2016 - 16:08
1. Телефон в шапке нужно того же цвета, что весь текст в этом поле
2.
Юля123 (16 Май 2016 - 14:20) писал:
5) Добавьте эту картинку в редакторе шаблонов нажав на кнопочку "Добавить файлы", далее обновите страницу, затем в списке изображений найдите добавленное изображение и кликните на кнопку:
QIP Shot - Screen 011.png
скопируйте первую ссылку на изображение во всплывающем окне (начинается на <img ...)
Нет у меня такой ссылки(( Только прямая. Она не работает. Помогите разобраться, пожалуйста?
3. И еще хочется вполовину уменьшить высоту "меню, телефон, корзина"
#4
Отправлено 17 Май 2016 - 12:00
Natashka prosto prazdnik (16 Май 2016 - 16:08) писал:
1. Телефон в шапке нужно того же цвета, что весь текст в этом поле
2.
Нет у меня такой ссылки(( Только прямая. Она не работает. Помогите разобраться, пожалуйста?
3. И еще хочется вполовину уменьшить высоту "меню, телефон, корзина"
1) В main.css найдите код:
.block-phone a {font-size: 18px;margin-left: 5px;}
и замените на код:
.block-phone a {font-size: 18px;margin-left: 5px;color:#fff;}
2) В шаблоне HTML найдите код:
<i class="http://st.storeland.net/11/1881/879/.png"></i>
и замените на код:
<img src="http://st.storeland.net/11/1881/879/.png" title="" alt="" />
3) В main.css найдите код:
.header-bottom {position: relative;padding: 15px 0;background-color: #494949; color: #fff;}
и замените на код:
.header-bottom {position: relative;background-color: #494949; color: #fff;}
#8
Отправлено 18 Май 2016 - 08:53
#9
Отправлено 18 Май 2016 - 10:52
Natashka prosto prazdnik (18 Май 2016 - 08:53) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<li class="info-item"> <a href="http://{NET_DOMAIN}/cart"> <div class="info-icon"> <img src="http://st.storeland.net/12/1883/154/.png" title="" alt="" /> </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}/cart"> <div class="info-icon"> <i class="fa fa-shopping-cart"> </i> <!--<img src="http://st.storeland.net/12/1883/154/.png" title="" alt="" />--> </div> <div class="info-content"> <h6>Бронирование игр 24/7</h6> <p class="text-italic">Забронируйте игру прямо сейчас! Пока это не сделал кто-то другой</p> </div> </a> </li>
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.info-list .info-item .info-content {float: left;width: 77%;padding: 20px 0;}
Замените на:
.info-list .info-item .info-content {float: left;width: 70%;padding: 20px 0;}
#10
Отправлено 18 Май 2016 - 11:17
Firefly (18 Май 2016 - 10:52) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
...
Спасибо большое!
Теперь нужно:
1. Подправить всплывающее окно на главной при наведении курсора на корзину. Именно: убрать информацию о количестве товара и цвет слова "ИТОГО" изменить на черный (темно-серый?)
2. Скрыть логотип в подвале
3. При наведении курсора на строку со ссылками в категории товаров, всплывает окно с подкатегориями (во вложении скрин). Цвет его фона хотелось бы изменить. Где это сделать?
4. В строку "ЛК,Телефон, корзина" хотелось бы добавить ссылку на страницу "Правила игры"
#11
Отправлено 18 Май 2016 - 15:13
Natashka prosto prazdnik (18 Май 2016 - 11:17) писал:
Теперь нужно:
1. Подправить всплывающее окно на главной при наведении курсора на корзину. Именно: убрать информацию о количестве товара и цвет слова "ИТОГО" изменить на черный (темно-серый?)
2. Скрыть логотип в подвале
3. При наведении курсора на строку со ссылками в категории товаров, всплывает окно с подкатегориями (во вложении скрин). Цвет его фона хотелось бы изменить. Где это сделать?
4. В строку "ЛК,Телефон, корзина" хотелось бы добавить ссылку на страницу "Правила игры"
1) В конце main.css добавьте код:
.subtotal label { color: #2E2F33; }
В шаблоне HTML удалите код:
<div class="product-qty"> <span class="qty-label">Количество: </span> <span class="qty-value"> <span class="quantity">{cart_items.ORDER_LINE_QUANTITY} {cart_items.GOODS_MOD_MEASURE_NAME}</span> </span> </div>
2) Добавьте в конце main.css код:
.footer-logo .logo { display: none; }
3) В main.css в коде:
#custommenu .mainnav li .dropdown-menu {display: none;position: absolute;width:100%;left: 0;border-bottom: 5px solid #c7081b;background: #fafafa;z-index: 999;padding: 15px;}
В свойстве background код цвета меняйте на нужный
4) В шаблоне HTML после кода:
<!-- Телефон --> {% 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 %}
добавьте код:
<div class="regulations"><a href="ссылка на страницу с правилами">Правила игры</a></div>
"ссылка на страницу с правилами" замените на нужную ссылку.
В конце main.css добавьте код:
.regulations a { color: #fff; font-family: "agency", 'PT Sans Narrow', sans-serif; font-size: 18px; } .regulations { display: inline-block; float: none; width: 150px; line-height: 40px; margin-left: 30px; text-transform: uppercase; }
#12
Отправлено 18 Май 2016 - 17:37
Юля123 (18 Май 2016 - 15:13) писал:
В конце main.css добавьте код:
.regulations a { color: #fff; font-family: "agency", 'PT Sans Narrow', sans-serif; font-size: 18px; } .regulations { display: inline-block; float: none; width: 150px; line-height: 40px; margin-left: 30px; text-transform: uppercase; }
Как изменить код, чтобы ссылка на правила встала в одну горизонталь с ЛК, Телефон, Корзина?
#13
Отправлено 18 Май 2016 - 17:47
Natashka prosto prazdnik (18 Май 2016 - 17:37) писал:
в шаблоне HTMl код:
<!-- Личный кабинет --> <div class="col-lg-3 col-sm-4 col-sms-6 col-smb-6" >
замените на код:
<!-- Личный кабинет --> <div class="col-lg-5 col-sm-4 col-sms-6 col-smb-6" >
и код:
<!-- Логотип --> <div class="col-lg-6 col-sm-4 col-sms-12 col-smb-12">
замените на код:
<!-- Логотип --> <div class="col-lg-4 col-sm-4 col-sms-12 col-smb-12">
#14
Отправлено 18 Май 2016 - 17:56
Юля123 (18 Май 2016 - 15:13) писал:
.subtotal label { color: #2E2F33; }
В шаблоне HTML удалите код:
<div class="product-qty"> <span class="qty-label">Количество: </span> <span class="qty-value"> <span class="quantity">{cart_items.ORDER_LINE_QUANTITY} {cart_items.GOODS_MOD_MEASURE_NAME}</span> </span> </div>
Не сработало - цвет текста "ИТОГО" не изменился. Что не так?
Юля123 (18 Май 2016 - 17:47) писал:
[CODE]
<!-- Личный кабинет -->
...
А здесь все отлично! Спасибо!
#17
Отправлено 19 Май 2016 - 07:16
<div class="cart-product-quantity"> <strong>Количество:</strong> <span class="red">{cart_items.ORDER_LINE_QUANTITY}</span> </div>
В main.css найдите:
.block-cart .dropdown-cart .cart-content .cart-empty { padding: 15px; }
замените на:
.block-cart .dropdown-cart .cart-content .cart-empty { padding: 15px; color: #2E2F33; }
#19
Отправлено 02 Июль 2016 - 20:57
Помогите, пожалуйста разместить по 4 товара в ряд на главной.
Аккаунт SL-389257
Спасибо.
#20
Отправлено 04 Июль 2016 - 13:53
bot (02 Июль 2016 - 20:57) писал:
Помогите, пожалуйста разместить по 4 товара в ряд на главной.
Аккаунт SL-389257
Спасибо.
.goods-image-small{max-width:{SETTINGS_GOODS_IMAGES_SIZE_SMALL | divide("2")}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_SMALL | divide("2")}px}и замените ее на
.goods-image-small{max-width:{SETTINGS_GOODS_IMAGES_SIZE_SMALL | divide("3")}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_SMALL | divide("3")}px}
Затем найдите строку
.products-grid .item {padding-bottom: 30px;width: 250px;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных