Перейти к содержимому


Помогите Настроить Тему

Тема дружок SL-481601

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 s.vertebra

s.vertebra

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 25 Июль 2019 - 02:13

Здравствуйте, помогите пожалуйста настроить тему.
Сайт - http://d686692.storeland.ru

1. Поменять цвет меню (заголовка)
2. Удалить первые два слайда
3. Удалить ссылку на заголовке слайда
4. Удалить кнопку ПОДРОБНЕЕ на сладке
5. Поменять цвет заголовка на слайде
6. Удалить в подвале кнопки соц. сетей


Аккаунт SL-481601 81601 S L-481601

#2 stasia

stasia

    Активный участник

  • Модератоpы
  • 273 сообщений

Отправлено 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

Здравствуйте.
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 s.vertebra

s.vertebra

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 06 Август 2019 - 23:58

Спасибо!))

Еще несколько вопросов:
1. Поднять выше заголовок слайд-шоу (на уровень глаз собаки, как на рисунке)
2. Удалить всю анимацию со слайд шоу
3. Подвинуть номер телефона ближе к кнопке ПОИСКА
Изображение


4. В шапке на месте номера телефона добавить две кнопки КАТАЛОГ ТОВАРОВ и АДРЕСА МАГАЗИНОВ (в точности как на картинке (цвет, форма кнопок))
В идеале, чтобы они были с анимацией, но не обязательно.
Изображение

5. В подвале номер телефона переместить под ЧАСЫ РАБОТЫ
6. Меню поднять выше, там где номер телефона
7. Удалить два последних поля в конце подвала.

Изображение

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 788 сообщений

Отправлено 07 Август 2019 - 06:57

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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>&copy;{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 s.vertebra

s.vertebra

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 11 Август 2019 - 17:27

Первый код работает неверно
Номер телефона- Нужно подвинуть ближе к кнопке ПОИСКА и чтобы цифры не сползали на второй ряд.

#6 s.vertebra

s.vertebra

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 12 Август 2019 - 12:49

Ответьте пожалуйста

#7 s.vertebra

s.vertebra

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 13 Август 2019 - 17:44

Надеюсь сегодня поможете решить вопрос.

#8 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 394 сообщений

Отправлено 13 Август 2019 - 19:33

Просмотр сообщенияs.vertebra (13 Август 2019 - 17:44) писал:

Надеюсь сегодня поможете решить вопрос.

Здравствуйте. Изменения Вам внесли




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных