Здравствуйте, помогите пожалуйста настроить тему.
Сайт - http://d686692.storeland.ru
1. Поменять цвет меню (заголовка)
2. Удалить первые два слайда
3. Удалить ссылку на заголовке слайда
4. Удалить кнопку ПОДРОБНЕЕ на сладке
5. Поменять цвет заголовка на слайде
6. Удалить в подвале кнопки соц. сетей
Аккаунт SL-481601 81601 S L-481601
0
Сообщений в теме: 7
#1
Отправлено 25 Июль 2019 - 02:13
#2
Отправлено 25 Июль 2019 - 10:45
s.vertebra (25 Июль 2019 - 02:13) писал:
Здравствуйте, помогите пожалуйста настроить тему.
Сайт - http://d686692.storeland.ru
1. Поменять цвет меню (заголовка)
2. Удалить первые два слайда
3. Удалить ссылку на заголовке слайда
4. Удалить кнопку ПОДРОБНЕЕ на сладке
5. Поменять цвет заголовка на слайде
6. Удалить в подвале кнопки соц. сетей
Аккаунт SL-481601 81601 S L-481601
Сайт - http://d686692.storeland.ru
1. Поменять цвет меню (заголовка)
2. Удалить первые два слайда
3. Удалить ссылку на заголовке слайда
4. Удалить кнопку ПОДРОБНЕЕ на сладке
5. Поменять цвет заголовка на слайде
6. Удалить в подвале кнопки соц. сетей
Аккаунт SL-481601 81601 S L-481601
Здравствуйте.
1.Зайдите в Редактор шаблонов --- main.css и найдите данный код:
#menu .mainnav {display: inline-block;margin: 0 auto;padding: 0 30px;max-height: 50px;overflow: hidden;background: #ff8c00;border: 2px solid #fff;border-top: 0;-webkit-border-radius: 0px 0px 30px 30px;-moz-border-radius: 0px 0px 30px 30px;border-radius: 0px 0px 30px 30px;list-style: none;}
Найдите в нем background: #ff8c00; и замените ff8c00 на Ваш код цвета(шестизначный).
2-4.В Редакторе шаблонов---HTML, найдите код:
<!-- Слайдшоу --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div class="slider owl-carousel"> <div class="item item-1"> <div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.png?design=friendly"/></div> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <a href="{CATALOG_URL}" title="Здоровое питание"><h2 class="title">Здоровое питание</h2></a> <h4 class="subtitle">для вашего верного друга</h4> <a href="{CATALOG_URL}" class="button big">Подробнее</a> </div> </div> <div class="item item-2"> <div class="image"><img src="{ASSETS_IMAGES_PATH}slide2.png?design=friendly"/></div> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <a href="{CATALOG_URL}" title="Тигр в клетке"><h2 class="title">Тигр в клетке</h2></a> <h4 class="subtitle">Новинки в разделе для кошек</h4> <a href="#" class="button big">Подробнее</a> </div> </div> <div class="item item-3"> <div class="image"><img src="{ASSETS_IMAGES_PATH}slide3.png?design=friendly"/></div> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <a href="{CATALOG_URL}" title="Скидка 25%"><h2 class="title">Скидка 25%</h2></a> <h4 class="subtitle">на все товары ветаптеки</h4> <a href="#" class="button big">Подробнее</a> </div> </div> </div> </div> <!-- /END Слайдшоу -->
Замените его на:
<!-- Слайдшоу --> <div id="slideshow"> <div class="preloader"><span class="content-loading"></span></div> <div class="slider owl-carousel"> <!--<div class="item item-1">--> <!-- <div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.png?design=friendly"/></div>--> <!-- <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">--> <!-- <a href="{CATALOG_URL}" title="Здоровое питание"><h2 class="title">Здоровое питание</h2></a>--> <!-- <h4 class="subtitle">для вашего верного друга</h4>--> <!-- <a href="{CATALOG_URL}" class="button big">Подробнее</a>--> <!-- </div>--> <!--</div>--> <!--<div class="item item-2">--> <!-- <div class="image"><img src="{ASSETS_IMAGES_PATH}slide2.png?design=friendly"/></div>--> <!-- <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">--> <!-- <a href="{CATALOG_URL}" title="Тигр в клетке"><h2 class="title">Тигр в клетке</h2></a>--> <!-- <h4 class="subtitle">Новинки в разделе для кошек</h4>--> <!-- <a href="#" class="button big">Подробнее</a>--> <!-- </div>--> <!--</div>--> <div class="item item-3"> <div class="image"><img src="{ASSETS_IMAGES_PATH}slide3.png?design=friendly"/></div> <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown"> <h2 class="title">Скидка 25%</h2> <h4 class="subtitle">на все товары ветаптеки</h4> </div> </div> </div> </div> <!-- /END Слайдшоу -->
5.Найдите в Редакторе шаблонов --- main.css данный код:
#slideshow .content .title {display: inline-block;margin-bottom: 40px;padding: 5px 20px;color: #fff;font-size: 45px;font-weight: 900;text-transform: none;background: -webkit-radial-gradient(center, ellipse cover, #74d106 0%,#5dac00 100%);}
Найдите данный элемент background: -webkit-radial-gradient(center, ellipse cover, #74d106 0%,#5dac00 100%); , который отвечает за смену фона, где Вы можете поменять 74d106 и 5dac00 на Ваш код цвета.
Найдите данный элемент color: #fff; , который отвечает за смену цвета шрифта, где Вы можете поменять fff на Ваш код цвета(шестизначный).
6.В main.css и добавьте в самый конец шаблона код:
.social-links {visibility: hidden;}
#3
Отправлено 06 Август 2019 - 23:58
Спасибо!))
Еще несколько вопросов:
1. Поднять выше заголовок слайд-шоу (на уровень глаз собаки, как на рисунке)
2. Удалить всю анимацию со слайд шоу
3. Подвинуть номер телефона ближе к кнопке ПОИСКА
4. В шапке на месте номера телефона добавить две кнопки КАТАЛОГ ТОВАРОВ и АДРЕСА МАГАЗИНОВ (в точности как на картинке (цвет, форма кнопок))
В идеале, чтобы они были с анимацией, но не обязательно.
5. В подвале номер телефона переместить под ЧАСЫ РАБОТЫ
6. Меню поднять выше, там где номер телефона
7. Удалить два последних поля в конце подвала.
Еще несколько вопросов:
1. Поднять выше заголовок слайд-шоу (на уровень глаз собаки, как на рисунке)
2. Удалить всю анимацию со слайд шоу
3. Подвинуть номер телефона ближе к кнопке ПОИСКА
4. В шапке на месте номера телефона добавить две кнопки КАТАЛОГ ТОВАРОВ и АДРЕСА МАГАЗИНОВ (в точности как на картинке (цвет, форма кнопок))
В идеале, чтобы они были с анимацией, но не обязательно.
5. В подвале номер телефона переместить под ЧАСЫ РАБОТЫ
6. Меню поднять выше, там где номер телефона
7. Удалить два последних поля в конце подвала.
#4
Отправлено 07 Август 2019 - 06:57
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
далее найдите:
замените на:
Далее зайдите в main.css - найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Контакты --> <div id="contacts"> <div class="container"> <div class="inner"> <!-- Логотип --> <div class="logo"> <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo-footer.png?design=friendly" alt="{SETTINGS_STORE_NAME}"></a> </div> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_EMAIL_MAIN %} <div class="phone-email"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div class="phone"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="material-icons">local_phone</i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<div class="email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="material-icons">mail</i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a></div>{% ENDIF %} </div> {% ENDIF %} {% IF SETTINGS_STORE_SKYPE || SETTINGS_STORE_WORK_TIME %} <div class="skype-work"> {% IF SETTINGS_STORE_SKYPE %}<div class="skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call"><i class="icon-skype"></i><span>{SETTINGS_STORE_SKYPE}</span></a></div>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<div class="work"><i class="material-icons">access_time</i><span>{SETTINGS_STORE_WORK_TIME}</span></div>{% ENDIF %} </div> {% ENDIF %} {% IF SETTINGS_STORE_REGION %} <div class="address"> <div itemprop="addressLocality"><i class="material-icons">location_on</i><span>{SETTINGS_STORE_REGION}</span></div> </div> {% ENDIF %} </div> </div> </div> <!-- /END Контакты --> <!-- Подвал --> <div id="footer"> <div class="footer-top"> <div class="container"> <div class="inner"> <!-- Соц. Сети --> <div class="social-links"> <a class="facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><i class="icon-facebook"></i></a> <a class="linkedin" href="https://www.linkedin.cn" title="Linkedin.cn" target="_blank"><i class="icon-linkedin"></i></a> <a class="youtube" href="https://youtube.com/" title="YouTube.com" target="_blank"><i class="icon-youtube"></i></a> <a class="vk" href="https://vk.com/" title="VK.com" target="_blank"><i class="icon-vk"></i></a> </div> <!-- Меню в подвале --> <div class="menu"> <ul class="mainnav"> {% 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> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="copyright"> <span>©{DATE_YEAR} {SETTINGS_STORE_NAME}. Все права защищены.</span> <span>{SETTINGS_STORE_ORG_NAME}.</span> <span>{COPYRIGHT_FOR_DESIGN_FRIENDLY}</span> <div>{SETTINGS_STORE_HTML_CODE}</div> </div> </div> </div> </div> <!-- /END Подвал -->
замените на:
<!-- Логотип --> <div class="logo"> <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo-footer.png?design=friendly" alt="{SETTINGS_STORE_NAME}"></a> </div> <!-- Меню в подвале --> <div class="menu"> <ul class="mainnav"> {% 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="phones"> {% IF SETTINGS_STORE_SKYPE || SETTINGS_STORE_WORK_TIME %} <div class="skype-work"> {% IF SETTINGS_STORE_SKYPE %}<div class="skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call"><i class="icon-skype"></i><span>{SETTINGS_STORE_SKYPE}</span></a></div>{% ENDIF %} {% IF SETTINGS_STORE_WORK_TIME %}<div class="work"><i class="material-icons">access_time</i><span>{SETTINGS_STORE_WORK_TIME}</span></div>{% ENDIF %} </div> {% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_EMAIL_MAIN %} <div class="phone-email"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<div class="phone"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="material-icons">local_phone</i><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></div>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<div class="email"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><i class="material-icons">mail</i><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a></div>{% ENDIF %} </div> {% ENDIF %} {% IF SETTINGS_STORE_REGION %} <div class="address"> <div itemprop="addressLocality"><i class="material-icons">location_on</i><span>{SETTINGS_STORE_REGION}</span></div> </div> {% ENDIF %} </div> </div> </div> </div> <!-- /END Контакты -->
далее найдите:
<!-- Шапка --> <div id="header"> <div class="container"> <div class="inner"> <div class="header-left"> <!-- Логотип --> <div class="logo"> <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=friendly" alt="{SETTINGS_STORE_NAME}"></a> </div>
замените на:
<!-- Шапка --> <div id="header"> <div class="container"> <div class="inner"> <div class="header-left"> <!-- Логотип --> <div class="logo"> <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=friendly" alt="{SETTINGS_STORE_NAME}"></a> </div> <div class="catalog_but"> <a href="{CATALOG_URL}">Каталог товаров</a> </div> <div class="map_but"> <a href="/feedback">Адреса магазинов</a> </div>
Далее зайдите в main.css - найдите:
#footer .footer-top .menu {width: 75%;} #footer .footer-top .menu .icon {display: none;} #footer .footer-top .menu .mainnav {margin: 0;padding: 0;list-style: none;overflow: hidden;} #footer .footer-top .menu .mainnav li {display: inline-block;padding: 10px 15px;} #footer .footer-top .menu .mainnav li a {position: relative;color: #fff;} #footer .footer-top .menu .mainnav li a:hover:before, #footer .footer-top .menu .mainnav li a.active:before {content: "";display: inline-block;width: 100%;height: 1px;position: absolute;bottom: -2px;left: 0;background-color: #fff;}
замените на:
#contacts .inner > .menu {width: 50%;} #contacts .menu .icon {display: none;} #contacts .menu .mainnav {margin: 0;padding: 0;list-style: none;overflow: hidden;} #contacts .menu .mainnav li {display: inline-block;padding: 10px 15px;} #contacts .menu .mainnav li a {position: relative;color: #fff;} #contacts .menu .mainnav li a:hover:before, #contacts .menu .mainnav li a.active:before {content: "";display: inline-block;width: 100%;height: 1px;position: absolute;bottom: -2px;left: 0;background-color: #fff;}
далее найдите:
#slideshow .content {width: 50%;top: auto;bottom: 70px;right: 0;}
замените на:
#slideshow .content {width: 50%;top: 20%;bottom: 70px;right: 0;}
далее найдите:
#header .inner .header-left {width: 60%;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;} #header .inner .header-left > div {display: inline-block;position: relative;} #header .inner .header-right {width: 40%;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;justify-content: flex-end;}
замените на:
#header .inner .header-left {width: calc(100% - 300px);display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;} #header .inner .header-left > div {display: inline-block;position: relative;} #header .inner .header-left > div.catalog_but {border-radius: 10px;background: #1b77b6; padding: 10px;margin: 0;} #header .inner .header-left > div.catalog_but:hover {background: #00ade8;} #header .inner .header-left > div.map_but {border-radius: 10px;background: #eea630; padding: 10px;margin: 0 10px;} #header .inner .header-left > div.map_but:hover {background: #ff8c01;} #header .inner .header-left > div.catalog_but a, #header .inner .header-left > div.map_but a{color: #fff;font-weight: bold;font-size: 16px;} #header .inner .header-right {width: 300px;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;justify-content: flex-end;}
#5
Отправлено 11 Август 2019 - 17:27
Первый код работает неверно
Номер телефона- Нужно подвинуть ближе к кнопке ПОИСКА и чтобы цифры не сползали на второй ряд.
Номер телефона- Нужно подвинуть ближе к кнопке ПОИСКА и чтобы цифры не сползали на второй ряд.
#6
Отправлено 12 Август 2019 - 12:49
Ответьте пожалуйста
#7
Отправлено 13 Август 2019 - 17:44
Надеюсь сегодня поможете решить вопрос.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных