- Форум владельцев интернет-магазинов
- → Публикации UGIN
Публикации UGIN
178 публикаций создано UGIN (учитываются публикации только с 19-Май 23)
#215466 Изменить Цвет В Шаблоне
Отправлено от UGIN в 03 Ноябрь 2015 - 23:48 в Изменение общей стилистики
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css нажмите "Ctrl+F" 2 раза подряд, чтобы открылась строка поиска и строка замены.
В первую строку введите код Вашего цвета, который хотите заменить, например #f79242, а во вторую тот код цвета, на который нужно заменить, например серый #808080 и нажмите на кнопку All.
Таким образом во всем шаблоне, везде, где встречается оранжевый цвет #f79242, он будет заменен на серый #808080.
После этих действий всё равно остался оранжевый цвет, при наведении курсора на корзину, товар(всплывающие шторки) и т.д. Как можно всё-таки добить эту тему?
#215499 Изменить Цвет В Шаблоне
Отправлено от UGIN в 04 Ноябрь 2015 - 11:13 в Изменение общей стилистики
.header-top .mini-cartpro .block-title:hover {background-color: rgba(247,146,66,.7);}
замените rgba(247,146,66,.7) на необходимый цвет так же через поиск замените все подобные цвета на необходимые
к сожалению не могу найти ни данную строку, ни отдельно цвет
#215521 Изменить Цвет В Шаблоне
Отправлено от UGIN в 04 Ноябрь 2015 - 19:48 в Изменение общей стилистики
#215599 Как Поменять Background?
Отправлено от UGIN в 05 Ноябрь 2015 - 14:21 в Шаблон Цитрус
#215602 Как Поменять Background?
Отправлено от UGIN в 05 Ноябрь 2015 - 14:39 в Шаблон Цитрус
Danil (05 Ноябрь 2015 - 14:24) писал:
В main.css найдите код
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success, #slideshow { background: #f79242; background: -moz-linear-gradient(left, #fb7e3e 0%, #ac2c77 160%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fb7e3e), color-stop(160%,#ac2c77)); background: -webkit-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%); background: -o-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%); background: -ms-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%); background: linear-gradient(to right, #fb7e3e 0%,#ac2c77 160%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb7e3e', endColorstr='#ac2c77',GradientType=1 ); }замените цвета(#f79242, #fb7e3e, #ac2c77)на свои
#216037 Кнопка Каталог, Текст В Шапке Шаблона
Отправлено от UGIN в 09 Ноябрь 2015 - 21:11 в Изменение общей стилистики
#216536 Кнопка Каталог, Текст В Шапке Шаблона
Отправлено от UGIN в 12 Ноябрь 2015 - 22:48 в Изменение общей стилистики
Danil (10 Ноябрь 2015 - 19:55) писал:
[url="http://{NET_DOMAIN}/"][img]{ASSETS_IMAGES_PATH}logo.png?design=orange[/img] [/url]и замените на
[url="http://{NET_DOMAIN}/"][img]{ASSETS_IMAGES_PATH}logo.png?design=orange[/img] [/url] СТРОКА 1 СТРОКА 2 СТРОКА 3 СТРОКА и т.д.2) Кнопка каталог, должна работать как ссылка, при нажатии на которую пользователь переходил на страницу каталога? Если да, то сделайте следующее: в шаблоне html найдите код
Каталог [list] {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}[*] [list] {% ENDIF %}{% ENDIF %}[*][url="{catalog_full.URL}"]{catalog_full.NAME}[/url] {% IF catalog_full.ISSET_SUB=0 %} {% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%} [/list]{%IFNOT catalog_full.out.LAST%}{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} [/list] [list] {% FOR catalog_full %} {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}[*] [list] {% ENDIF %}{% ENDIF %}[*][url="{catalog_full.URL}"]{% IF catalog_full.ISSET_SUB %}{% ENDIF %}{catalog_full.NAME}[/url] {% IF catalog_full.ISSET_SUB=0 %} {% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%} [/list]{%IFNOT catalog_full.out.LAST%}{%ENDIF%}{%ENDFOR%}{% ENDIF %} {% ENDFOR %} [/list]и замените на
[url="http://{NET_DOMAIN}/catalog"]КАТАЛОГ[/url]После в конец main.css добавьте
a.catalogshapka { font-size: 30px; color: #F00; border: 2px solid #F00; padding: 10px 100px 10px; background: #F0F; } a.catalogshapka:hover { color: #F00; border: 2px solid #F00; background: #F0F; }стили изменяйте на свои.
#216633 Кнопка Каталог, Текст В Шапке Шаблона
Отправлено от UGIN в 13 Ноябрь 2015 - 15:28 в Изменение общей стилистики
Vaccina (13 Ноябрь 2015 - 01:16) писал:
a.catalogshapka { font-size: 30px; color: #FFF; border: 2px solid #F00; padding: 10px 100px; background: #2A8D9C; }
замените на:
a.catalogshapka { font-size: 30px; color: #FFF; border: 2px solid #F00; padding: 10px 100px; background: #2A8D9C; width: 100%; display: block; text-align: center; border-radius: 20px; }
#216636 Кнопка Каталог, Текст В Шапке Шаблона
Отправлено от UGIN в 13 Ноябрь 2015 - 15:42 в Изменение общей стилистики
Danil (13 Ноябрь 2015 - 15:39) писал:
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 0px solid #F00; padding: 20px 30px; background: #2A8D9C; width: 100%; display: block; text-align: center; border-radius: 20px; }и замените на
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 2px solid #F00; padding: 20px 30px; background: #1CAE5C; width: 100%; display: block; text-align: center; border-radius: 20px; }
#216661 Кнопка Каталог, Текст В Шапке Шаблона
Отправлено от UGIN в 13 Ноябрь 2015 - 20:48 в Изменение общей стилистики
UGIN (13 Ноябрь 2015 - 15:42) писал:
Danil (13 Ноябрь 2015 - 15:43) писал:
#216664 Кнопка Каталог, Текст В Шапке Шаблона
Отправлено от UGIN в 13 Ноябрь 2015 - 21:05 в Изменение общей стилистики
Danil (13 Ноябрь 2015 - 20:54) писал:
<!-- Каталог в шапке --> <div class="yt-main-menu col-lg-9 col-md-10 col-xs-12"> <a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ</a> </div> </div> </div> </div> <!-- Нижняя часть шапки --> <div class="header-bottom">и замените на
<!-- Каталог в шапке --> </div> </div> </div> <div class="yt-main-menu col-lg-12 col-md-12 col-xs-12"> <a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ</a> </div> <!-- Нижняя часть шапки --> <div class="header-bottom">В main.css найдите код
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 2px solid #F00; padding: 20px 30px; background: #1CAE5C; width: 100%; display: block; text-align: center; border-radius: 20px; }и замените на
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 2px solid #F00; padding: 20px 30px; background: #F00; display: block; text-align: center; margin: 0 auto; width: 300px; }
#216735 Кнопка Каталог, Текст В Шапке Шаблона
Отправлено от UGIN в 14 Ноябрь 2015 - 19:02 в Изменение общей стилистики
Vaccina (14 Ноябрь 2015 - 02:33) писал:
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 2px solid #F00; padding: 20px 30px; background: #F00; display: block; text-align: center; margin: 0 auto; width: 300px; }
замените на:
a.catalogshapka { font-size: 25px; color: #2A8D9C; border: 2px solid #F00; padding: 20px 30px; background: #F00; display: block; text-align: center; border-radius: 10px; margin: 0 auto; width: 300px; }
как её сделать, как на втором слайде?
#216739 Изменить Строку С Выгодами(Доставка, Гарантия, Прием Звонков 24\7)
Отправлено от UGIN в 14 Ноябрь 2015 - 19:24 в Изменение общей стилистики
#216772 Изменить Строку С Выгодами(Доставка, Гарантия, Прием Звонков 24\7)
Отправлено от UGIN в 15 Ноябрь 2015 - 10:55 в Изменение общей стилистики
Здравствуйте! В шаблоне HTML и найдите строки (примерно на 231 строке)
[Код]
<уль>
<литий класс="ли-коль 1-ЛГ-4, генерал-МД-4, генерал-см-4, генерал-хз-12"><класс="баннер-топ-имг" в href="#"><имг срц="{ASSETS_IMAGES_PATH}ico1-баннер-топ2.Формат JPG?дизайн=оранжевый" Альт=""></а>
<div класс="ли1-контент"><а в href="#">Бесплатная доставка!</а>
<р>Доставка по городу и области Бесплатна!</р>
</дел>
</литий>
<литий класс="ли-2 коль-ЛГ-4, генерал-МД-4, генерал-см-4, генерал-хз-12"><класс="баннер-топ-имг" в href="#"><имг срц="{ASSETS_IMAGES_PATH}ico2-баннер-топ2.Формат JPG?дизайн=оранжевый" Альт=""></а>
<div класс="ли2-контент"><а в href="#">30 дней Гарантии</а>
<р>Вы можете вернуть товар в течении 30 дней после получения заказа</р>
</дел>
</литий>
<литий класс="ли-3, генерал-ЛГ-4, генерал-МД-4, генерал-см-4, генерал-хз-12"><класс="баннер-топ-имг" в href="#"><имг срц="{ASSETS_IMAGES_PATH}ico3-баннер-топ2.Формат JPG?дизайн=оранжевый" Альт=""></а>
<div класс="ли3-контент"><а в href="#">Прием заказов 24/7</а>
<р>Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</р>
</дел>
</литий>
</ул>
[/Код]
и замените на
[Код]
<уль>
<литий класс="ли-коль 1-ЛГ-3, генерал-МД-3, генерал-см-3, генерал-хз-12"><класс="баннер-топ-имг" в href="#"><имг срц="{ASSETS_IMAGES_PATH}ico1-баннер-топ2.Формат JPG?дизайн=оранжевый" Альт=""></а>
<div класс="ли1-контент"><а в href="#">Бесплатная доставка!</а>
<р>Доставка по городу и области Бесплатна!</р>
</дел>
</литий>
<литий класс="ли-2 коль-ЛГ-3, генерал-МД-3, генерал-см-3, генерал-хз-12"><класс="баннер-топ-имг" в href="#"><имг срц="{ASSETS_IMAGES_PATH}ico2-баннер-топ2.Формат JPG?дизайн=оранжевый" Альт=""></а>
<div класс="ли2-контент"><а в href="#">30 дней Гарантии</а>
<р>Вы можете вернуть товар в течении 30 дней после получения заказа</р>
</дел>
</литий>
<литий класс="ли-3, генерал-ЛГ-3, генерал-МД-3, генерал-см-3, генерал-хз-12"><класс="баннер-топ-имг" в href="#"><имг срц="{ASSETS_IMAGES_PATH}ico3-баннер-топ2.Формат JPG?дизайн=оранжевый" Альт=""></а>
<div класс="ли3-контент"><а в href="#">Прием заказов 24/7</а>
<р>Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</р>
</дел>
</литий>
<литий класс="ли-3, генерал-ЛГ-3, генерал-МД-3, генерал-см-3, генерал-хз-12"><класс="баннер-топ-имг" в href="#"><имг срц="{ASSETS_IMAGES_PATH}ico3-баннер-топ2.Формат JPG?дизайн=оранжевый" Альт=""></а>
<div класс="ли3-контент"><а в href="#">Название блока</а>
<р>Описание блока</р>
</дел>
</литий>
</ул>
[/Код]
Загрузите новое изображение для четвертого блока и укажите ссылку на него в коде.
[/Цитата]
тут в коде все переведенно на русский язык)))) можно продублировать уже без перевода??))
#216781 Кнопка Каталог, Текст В Шапке Шаблона
Отправлено от UGIN в 15 Ноябрь 2015 - 11:46 в Изменение общей стилистики
Firefly (15 Ноябрь 2015 - 10:47) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<<!-- Каталог в шапке -->
Замените на:
<!-- Каталог в шапке -->
Найдите код:
<a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ</a>
Замените на:
<a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ ТОВАРОВ</a>
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
a.catalogshapka { font-size: 25px; color: #000000; border: 2px solid #ffffff; padding: 15px 80px; background: #ffffff; display: block; text-align: center; border-radius: 40px; margin: 0 auto; width: 800px; } a.catalogshapka:hover { color: #000000; border: 2px solid #F00; background: #ffffff; }
Замените на:
a.catalogshapka { font-size: 25px; color: #000000; border: 2px solid #ffffff; padding: 15px 80px; background: #ffffff; display: block; text-align: center; border-radius: 40px; margin: 0 auto; width: 800px; -moz-box-shadow: 0 0 20px #fff; -webkit-box-shadow: 0 0 20px #fff; box-shadow: 0 0 20px #fff;} a.catalogshapka:hover { color: #000000; background: #ffffff; }
1) как убрать эту фигурную скобку?
2)"утопить" кнопку, что-бы вокруг нее была зеленая оконтовка
3) в тексте "каталог" поменять на " каталог товаров"
Спасибо!
#216785 Кнопка Каталог, Текст В Шапке Шаблона
Отправлено от UGIN в 15 Ноябрь 2015 - 12:02 в Изменение общей стилистики
#216790 Кнопка Каталог, Текст В Шапке Шаблона
Отправлено от UGIN в 15 Ноябрь 2015 - 13:47 в Изменение общей стилистики
#218227 Изменение Общей Стилистики
Отправлено от UGIN в 26 Ноябрь 2015 - 12:56 в Изменение общей стилистики
1) как корзину и поиск переместить к кнопке "каталог товаров" + кнопка должна спускаться вниз при скролинге странице а так же быть адаптированной к мобильной версии сайта.
2)в шапку сайта добавить (на место корзины) форму обратного звонка , номер телефона и почту.
#218234 Изменение Общей Стилистики
Отправлено от UGIN в 26 Ноябрь 2015 - 15:46 в Изменение общей стилистики
Юля123 (26 Ноябрь 2015 - 15:12) писал:
<!-- Корзина и Поиск --> <div class="header-top-right col-lg-3 col-md-3 col-sm-6 col-xs-12"> <!-- Поиск --> <form id="search_mini_form2" action="http://{NET_DOMAIN}/search" method="get"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit"></button> </div> </form> <div class="header-right-mobile"> <!-- Корзина --> <div class="block mini-cartpro sm-cartpro cart-header"> <div class="block-title cart-count-block"> {% IF cart_count_empty %} <span class="empty">Корзина пуста</span> {% ELSE %} <span class="not-empty"><a href="{CART_URL}"><span class="cart-count">{CART_COUNT_TOTAL}</span> товар{CART_COUNT_TOTAL| gen_word_end("","а","ов")}</a></span> <span class="empty" style="display:none;">Корзина пуста</span> {% ENDIF %} </div> <!-- Выпадающая корзина--> <div class="block-content dropdown-cart" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}> <div class="block-inner" {% IF cart_count_empty %}style="display:none;"{% ENDIF %}> <ul id="cart-sidebar" class="mini-products-list"> {% FOR cart_items %} <li class="cart-item"> <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=orange{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <a href="{cart_items.GOODS_URL}" class="product-name">{cart_items.GOODS_NAME}</a> <span class="price" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> <span class="title-qty">Количество: <span class="qty-val">{cart_items.ORDER_LINE_QUANTITY}</span></span> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a> </li> {% ENDFOR %} </ul> <div class="bottom-action actions"> <a class="button btn-gotocart remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}"></a> <a class="button btn-checkout" title="Перейти к оформлению заказа" href="{CART_URL}"></a> <div class="summary"> {% FOR cart_sum %} <span class="subtotal"> <span class="label-total">Итого:</span> <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span> </span> {% ENDFOR %} </div> </div> </div> </div> <!-- /END Выпадающая корзина--> </div> <!-- /END Корзина --> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit"></button> </div> </form> </div> </div>
Далее найдите код:
<!-- Основное меню --> <div class="header-top-left col-lg-9 col-md-9 col-sm-6 col-xs-12"> <div class="top-navbar"> <button type="button" class="button-navbar two btn-top-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse"> <span class="text">Меню</span> </button> <div class="navbar-collapse collapse"> <ul class="top-navbar-links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> </div> </div>
Замените на код:
<!-- Основное меню --> <div class="header-top-left col-lg-8 col-md-9 col-sm-6 col-xs-12"> <div class="top-navbar"> <button type="button" class="button-navbar two btn-top-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse"> <span class="text">Меню</span> </button> <div class="navbar-collapse collapse"> <ul class="top-navbar-links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> </div> </div>
после него добавьте код:
<div class="header-top-right col-lg-4 col-md-3 col-sm-6 col-xs-12"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="contact">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<span class="contact">Email <a href="{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span>{% ENDIF %} </div>
найдите код:
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12" style="padding-top: 15px;"> <a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ ТОВАРОВ</a> </div>
и замените на код:
<div class="yt-main-menu col-lg-9 col-md-9 col-xs-9" style="padding-top: 15px;"> <a href="http://{NET_DOMAIN}/catalog" class="catalogshapka">КАТАЛОГ ТОВАРОВ</a> </div> <div class="yt-main-menu col-lg-3 col-md-3 col-xs-3 header-top" style="padding-top: 15px;background:transparent;position: fixed; right: 0;"> <!-- Корзина и Поиск --> <div class="header-top-right"> <!-- Поиск --> <form id="search_mini_form2" action="http://{NET_DOMAIN}/search" method="get"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit"></button> </div> </form> <div class="header-right-mobile"> <!-- Корзина --> <div class="block mini-cartpro sm-cartpro cart-header"> <div class="block-title cart-count-block"> {% IF cart_count_empty %} <span class="empty">Корзина пуста</span> {% ELSE %} <span class="not-empty"><a href="{CART_URL}"><span class="cart-count">{CART_COUNT_TOTAL}</span> товар{CART_COUNT_TOTAL| gen_word_end("","а","ов")}</a></span> <span class="empty" style="display:none;">Корзина пуста</span> {% ENDIF %} </div> <!-- Выпадающая корзина--> <div class="block-content dropdown-cart" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}> <div class="block-inner" {% IF cart_count_empty %}style="display:none;"{% ENDIF %}> <ul id="cart-sidebar" class="mini-products-list"> {% FOR cart_items %} <li class="cart-item"> <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=orange{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <a href="{cart_items.GOODS_URL}" class="product-name">{cart_items.GOODS_NAME}</a> <span class="price" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span> <span class="title-qty">Количество: <span class="qty-val">{cart_items.ORDER_LINE_QUANTITY}</span></span> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a> </li> {% ENDFOR %} </ul> <div class="bottom-action actions"> <a class="button btn-gotocart remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}"></a> <a class="button btn-checkout" title="Перейти к оформлению заказа" href="{CART_URL}"></a> <div class="summary"> {% FOR cart_sum %} <span class="subtotal"> <span class="label-total">Итого:</span> <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span> </span> {% ENDFOR %} </div> </div> </div> </div> <!-- /END Выпадающая корзина--> </div> <!-- /END Корзина --> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit"></button> </div> </form> </div> </div> </div>
в main.css найдите код:
.header-top .header-top-right {padding: 0;}
Замените на код:
.header-top .header-top-right {padding: 0; padding-top:15px} span.contact {padding: 0;padding-top: 15px;}
#218318 Изменение Общей Стилистики
Отправлено от UGIN в 27 Ноябрь 2015 - 15:17 в Изменение общей стилистики
кнопка при скролинге остается на месте, а нужно чтобы двигалась вместе с посетителем.
на втором слайде- вид как должна выглядеть и звонок и телефон. при нажатии на кнопку "обратный звонок" должна выскакивать форма обратного звонка (которая сейчас в подвале)
спасибо
#218320 Изменение Общей Стилистики
Отправлено от UGIN в 27 Ноябрь 2015 - 15:33 в Изменение общей стилистики
#218326 Изменение Общей Стилистики
Отправлено от UGIN в 27 Ноябрь 2015 - 16:36 в Изменение общей стилистики
Возможно, произошла какая-то ошибка, но я не вижу изменений, соответствующих инструкции выше. Шаблон HTML-код не изменен. Попробуйте произвести следующую инструкцию:
1) найдите код В шаблоне HTML-код:
[Код]
<!-- Основное меню -->
<div класс="Заголовок-вверху слева, генерал-ЛГ-9, генерал-МД-9, генерал-см-6, генерал-хз-12">
[/Код]
и замените на код:
[Код]
<!-- Основное меню -->
<div класс="Заголовок-вверху слева, генерал-ЛГ-8, генерал-МД-9, генерал-см-6, генерал-хз-12">
[/Код]
2) Далее код:
[Код]
<!-- Корзина и Поиск -->
<div класс="Заголовок-сверху-справа-ЛГ-3, генерал-МД-3, генерал-см-6, генерал-хз-12">
<!-- Поиск -->
<по форме ID="search_mini_form2" действие="нттр://{NET_DOMAIN}/ "поиск" метод="получить">
<div класс="бланк-поиск">
<ввод ID="поиск" Тип="текст" имя="вопрос" значение="" класс="поиск-строку" заполнитель="Поиск по магазину...">
<Тип кнопки="Отправить" название="Искать" класс="кнопка поиск- "отправить"></кнопка>
</дел>
</форма>
<div класс="Заголовок-право-мобильный">
<!-- Корзина -->
<div класс="блок мини-cartpro см-cartpro корзину-Заголовок">
<div класс="блок-тележка титул-граф-блок">
{ % , Если cart_count_empty %}
<промежуток класс="пусто">Корзина пуста</span>с
{% Еще %}
<промежуток класс="не-пустой">title="в{CART_URL}"><промежуток класс="тележка-граф">{CART_COUNT_TOTAL}</пролет> товар{CART_COUNT_TOTAL| gen_word_end("","а","ов")}</а></пролет>
<промежуток класс="пустой" стиль="дисплей:ни один;">Корзина пуста</span>с
{% За endif %}
</дел>
<!-- Выпадающая корзина-->
<div класс="блок-содержимое выпадающего корзину" {% если MOD_LNAME = повозку %}стиль="Дисплей:нет";" {% за endif %}>
<div класс="блок-внутренний" {% если cart_count_empty %}стиль="Дисплей:нет";" {% за endif %}>
он <UL с ID="корзина-боковая панель" класс="мини-продукты-список">
{% Для cart_items %}
<литий класс="корзина-элемент">
title="в{cart_items.GOODS_URL}" название="{cart_items.GOODS_NAME}" класс="продукт-имидж"><имг срц="{% если cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}нет-фото-икона.Формат PNG?дизайн=оранжевый{% еще %}{cart_items.GOODS_IMAGE_ICON}{% за endif %}" Альт="{cart_items.GOODS_NAME}" класс="товар-образ-икону"></а>
title="в{cart_items.GOODS_URL}" класс="продукта-название">{cart_items.GOODS_NAME}</а>
<промежуток класс="цена" данных-цена="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>с
<промежуток класс="название-Кол-во">Количество: <промежуток класс="Кол-Валь">{cart_items.ORDER_LINE_QUANTITY}</пролет></пролет>
<данные атрибута href="{cart_items.ORDER_LINE_DELETE_URL}" данные-количество="{cart_items.ORDER_LINE_QUANTITY}" название="Удалить позицию" класс="продукт- "удалить"></а>
</литий>
{% Целью %}
</ул>
<div класс="низ-действие действия">
<класс="кнопка" бтн-gotocart удалить-продукты" название="Очистить корзину" данных-в href="{CART_TRUNCATE_URL}"></а>
<класс="кнопка" бтн-кассе" название="Перейти к оформлению заказа" в href="{CART_URL}"></а>
<div класс="резюме">
{% Для cart_sum %}
<промежуток класс="подытог">
<промежуток класс="метка-общая">Итого:</пролет> <пролет класс="общая сумма">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>с
</пролет>
{% Целью %}
</дел>
</дел>
</дел>
</дел>
<!-- /Конец Выпадающая корзина-->
</дел>
<!-- /Конец Корзина -->
<по форме ID="search_mini_form" действие="нттр://{NET_DOMAIN}/ "поиск" метод="получить">
<div класс="бланк-поиск">
<ввод ID="поиск" Тип="текст" имя="вопрос" значение="" класс="поиск-строку" заполнитель="Поиск по магазину...">
<Тип кнопки="Отправить" название="Искать" класс="кнопка поиск- "отправить"></кнопка>
</дел>
</форма>
</дел>
</дел>
[/Код]
замените на код:
// вывод номера телефона и почты в верхнем меню.
[Код]
<div класс="верхний колонтитул-верхний правый контакт, генерал-ЛГ-4, генерал-МД-3, генерал-см-6, генерал-хз-12">
{ % , Если SETTINGS_STORE_PHONE_NUMBER1 %}<промежуток class="contact">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span>{% за endif %}
{ % , Если SETTINGS_STORE_EMAIL_MAIN %}<промежуток класс="контакты">Электронная почта: <в в href="{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</а></span> с{% за endif %}
</дел>
[/Код]
3) Далее код:
[Код]
<div класс="ыть-главная-меню, генерал-ЛГ-12, генерал-МД-12 коль-хз-12" стиль="обивка-топ: 15px;">
title="в с http://{NET_DOMAIN}/ "каталог" класс="catalogshapka">КАТАЛОГ ТОВАРОВ</а>
</дел>
[/Код]
Измените код на:
[Код]
<div класс="ыть-главная-меню, генерал-ЛГ-9, генерал-МД-9, генерал-хз-9" стиль="обивка-топ: 15px;">
title="в с http://{NET_DOMAIN}/ "каталог" класс="catalogshapka">КАТАЛОГ ТОВАРОВ</а>
</дел>
<div класс="ыть-главная-меню, генерал-ЛГ-3, генерал-МД-3, генерал-хз-3 Заголовок-топ" стиль="фон:прозрачный;положение: фиксированная;
справа: 0;">
<!-- Корзина и Поиск -->
<div класс="Заголовок-сверху-справа">
<!-- Поиск -->
<по форме ID="search_mini_form2" действие="нттр://{NET_DOMAIN}/ "поиск" метод="получить">
<div класс="бланк-поиск">
<ввод ID="поиск" Тип="текст" имя="вопрос" значение="" класс="поиск-строку" заполнитель="Поиск по магазину...">
<Тип кнопки="Отправить" название="Искать" класс="кнопка поиск- "отправить"></кнопка>
</дел>
</форма>
<div класс="Заголовок-право-мобильный">
<!-- Корзина -->
<div класс="блок мини-cartpro см-cartpro корзину-Заголовок">
<div класс="блок-тележка титул-граф-блок">
{ % , Если cart_count_empty %}
<промежуток класс="пусто">Корзина пуста</span>с
{% Еще %}
<промежуток класс="не-пустой">title="в{CART_URL}"><промежуток класс="тележка-граф">{CART_COUNT_TOTAL}</пролет> товар{CART_COUNT_TOTAL| gen_word_end("","а","ов")}</а></пролет>
<промежуток класс="пустой" стиль="дисплей:ни один;">Корзина пуста</span>с
{% За endif %}
</дел>
<!-- Выпадающая корзина-->
<div класс="блок-содержимое выпадающего корзину" {% если MOD_LNAME = повозку %}стиль="Дисплей:нет";" {% за endif %}>
<div класс="блок-внутренний" {% если cart_count_empty %}стиль="Дисплей:нет";" {% за endif %}>
он <UL с ID="корзина-боковая панель" класс="мини-продукты-список">
{% Для cart_items %}
<литий класс="корзина-элемент">
title="в{cart_items.GOODS_URL}" название="{cart_items.GOODS_NAME}" класс="продукт-имидж"><имг срц="{% если cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}нет-фото-икона.Формат PNG?дизайн=оранжевый{% еще %}{cart_items.GOODS_IMAGE_ICON}{% за endif %}" Альт="{cart_items.GOODS_NAME}" класс="товар-образ-икону"></а>
title="в{cart_items.GOODS_URL}" класс="продукта-название">{cart_items.GOODS_NAME}</а>
<промежуток класс="цена" данных-цена="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>с
<промежуток класс="название-Кол-во">Количество: <промежуток класс="Кол-Валь">{cart_items.ORDER_LINE_QUANTITY}</пролет></пролет>
<данные атрибута href="{cart_items.ORDER_LINE_DELETE_URL}" данные-количество="{cart_items.ORDER_LINE_QUANTITY}" название="Удалить позицию" класс="продукт- "удалить"></а>
</литий>
{% Целью %}
</ул>
<div класс="низ-действие действия">
<класс="кнопка" бтн-gotocart удалить-продукты" название="Очистить корзину" данных-в href="{CART_TRUNCATE_URL}"></а>
<класс="кнопка" бтн-кассе" название="Перейти к оформлению заказа" в href="{CART_URL}"></а>
<div класс="резюме">
{% Для cart_sum %}
<промежуток класс="подытог">
<промежуток класс="метка-общая">Итого:</пролет> <пролет класс="общая сумма">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>с
</пролет>
{% Целью %}
</дел>
</дел>
</дел>
</дел>
<!-- /Конец Выпадающая корзина-->
</дел>
<!-- /Конец Корзина -->
<по форме ID="search_mini_form" действие="нттр://{NET_DOMAIN}/ "поиск" метод="получить">
<div класс="бланк-поиск">
<ввод ID="поиск" Тип="текст" имя="вопрос" значение="" класс="поиск-строку" заполнитель="Поиск по магазину...">
<Тип кнопки="Отправить" название="Искать" класс="кнопка поиск- "отправить"></кнопка>
</дел>
</форма>
</дел>
</дел>
</дел>
[/Код]
4) Затем переходим в стили главного.в CSS и находим там код:
[Код]
пяди.контакт {обивка: 0;обивка-топ: 15px;}
[/Код]
и изменяем его на код:
[Код]
пяди.контакт {обивка: 0;обивка-топ: 15px; маржа налево: 20 пикселей;}
[/Код]
Должно получиться вот так:
[вложение=34969:QIP-а выстрел - экран 018.Формат PNG]
при этом корзина и поиск у вас перемещается при скролинге:
[вложение=34970:QIP-а выстрел - экран 019.Формат PNG]
[/Цитата]
все тоже самое. ничего не поменялось. (дважды попробовал)
при скролинге корзина и поиск должны быть вместе с кнопкой "каталог товаров" т.е. должны быть одним блоком и быть в верху странице
#218333 Изменение Общей Стилистики
Отправлено от UGIN в 27 Ноябрь 2015 - 16:59 в Изменение общей стилистики
Вам произвели изменения, посмотрите, пожалуйста. Бэкап за 16:38 - ваши последние изменения. Бэкап 16:42 - наши изменения, если они Вас не устраивают, откатите, пожалуйста, изменения.
Устраивают.
и осталось доработать немного.
1)довести до ума шапку как на слайде1. добавить кнопку обратный звонок (при ее нажатии мы попадали в форму обратного звонка, е=которая уже реализована на сайте)
2) кнопка (каталог товаров) вместе с корзиной и поиском должна скролится вниз. одним блоком.
спасибо.
#218355 Изменение Общей Стилистики
Отправлено от UGIN в 27 Ноябрь 2015 - 20:39 в Изменение общей стилистики
Юля123 (27 Ноябрь 2015 - 18:13) писал:
<!-- Основное меню --> <div class="header-top-left col-lg-8 col-md-9 col-sm-6 col-xs-12"> <div class="top-navbar"> <button type="button" class="button-navbar two btn-top-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse"> <span class="text">Меню</span> </button> <div class="navbar-collapse collapse"> <ul class="top-navbar-links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> </div> </div> <div class="header-top-right contact col-lg-4 col-md-3 col-sm-6 col-xs-12"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="contact">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<span class="contact">Email: <a href="{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span>{% ENDIF %} </div>
Замените на код:
<!-- Основное меню --> <div class="header-top-left col-lg-7 col-md-9 col-sm-6 col-xs-12"> <div class="top-navbar"> <button type="button" class="button-navbar two btn-top-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse"> <span class="text">Меню</span> </button> <div class="navbar-collapse collapse"> <ul class="top-navbar-links"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> </div> </div> <div class="header-top-right contact col-lg-5 col-md-3 col-sm-6 col-xs-12"> {% IF SETTINGS_STORE_EMAIL_MAIN %}<span class="contact"><img src="{ASSETS_IMAGES_PATH}email_icon.png" alt="" title="" /><a href="{SETTINGS_STORE_EMAIL_MAIN}"> {SETTINGS_STORE_EMAIL_MAIN}</a></span>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="contact"><img src="{ASSETS_IMAGES_PATH}PHONE.png" alt="" title="" /> {SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %} <span class="contact"> <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><img src="{ASSETS_IMAGES_PATH}email_icon.png" alt="" title="" />Обратный звонок</a></span> </div>
далее найдите код:
<!-- Запуск слайдера --> {% IF index_page %} <script> $(function(){ slideShow()}); </script> {% ENDIF %}
и после него добавьте код:
<script> $(document).ready(function() { $(".callback").fancybox({ maxWidth : 300, maxHeight : 330, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script>
добавьте пожалуйста в редакторе шаблонов две картинки:
email_icon.png
PHONE.png
в конце main.css добавьте код:
span.contact img{width: 20px;margin-right: 6px;}
2) в шаблоне HTML найдите код:
<div class="yt-main-menu col-lg-9 col-md-9 col-xs-9" style="padding-top: 15px;position: fixed;">
перед ним добавьте код:
<div class="block_ccs yt-main-menu col-lg-12 col-md-12 col-xs-12" style="position:fixed;background: #1cae5c;height: 77px;">
Далее найдите код:
<!-- /END Шапка -->
Замените его на код:
<!-- /END Шапка --> </div>
#218362 Изменение Общей Стилистики
Отправлено от UGIN в 27 Ноябрь 2015 - 21:14 в Изменение общей стилистики
Все изменения на вашем сайте произведены правильно. Что Вас не устраивает?
[/Цитата]
Слайды уехали(теперь сайт стал шире и кнопка наезжает на слайды). "движущаяся" кнопка при скролинге должна прилипать к верхушке экрана( получается что она посреди экрана)
реально такую форму как на скрине?
- Форум владельцев интернет-магазинов
- → Публикации UGIN
- Privacy Policy