Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Много Вопросов По Шаблону

Автор Teraweb, 30 мая 2016 01:33

Назад

Авторизуйтесь для ответа в теме

Сообщений в теме: 104

#21 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 03 Июнь 2016 - 05:01

В main.css найдите:

.categories .item .title {
	font-size: 16px;
	float: left;
	width: 100%;
	max-width: 260px;
	max-height: 40px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	padding: 10px;
	background-color: #2F4DAF;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

замените на:

.categories .item .title {
	font-size: 16px;
	float: left;
	width: 100%;
	max-width: 260px;
	height: 55px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	padding: 10px;
	background-color: #2F4DAF;
	overflow: hidden;
}

В шаблоне HTML найдите:

<!-- Меню в шапке -->
			  <ul class="menunav">
				{% 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>

замените на:

<!-- Меню в шапке -->
			  <ul class="menunav">
				{% 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 %}>
	   {% IF menu.header.links.NAME = Главная %}
		 <img src="{ASSETS_IMAGES_PATH}Glavnaya.png" alt="" />
	   {% ELSEIF menu.header.links.NAME = Вопросы-Ответы %}
		 <img src="{ASSETS_IMAGES_PATH}Vopros-Otevet.png" alt="" />
	   {% ELSEIF menu.header.links.NAME = Услуги %}
		 <img src="{ASSETS_IMAGES_PATH}Uslugi.png" alt="" />
	   {% ELSEIF menu.header.links.NAME = Статьи %}
		 <img src="{ASSETS_IMAGES_PATH}Ctatii.png" alt="" />
	   {% ELSEIF menu.header.links.NAME = Как сделать заказ %}
		 <img src="{ASSETS_IMAGES_PATH}Kak-zdelat-zakaz.png" alt="" />
	   {% ELSEIF menu.header.links.NAME = Доставка %}
		 <img src="{ASSETS_IMAGES_PATH}Dostavka.png" alt="" />
	   {% ELSEIF menu.header.links.NAME = Контакты %}
		 <img src="{ASSETS_IMAGES_PATH}Kontakti.png" alt="" />
	   {% ENDIF %}
	   {menu.header.links.NAME}</a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>

В main.css найдите:

#custommenu ul.menunav li > a {
	display: block;
	padding: 10px 15px;
	color: #0093E0;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	position: relative;
	border-bottom: 2px solid transparent;
}

после него пропишите:

#custommenu ul.menunav li > a img {
	width: 24px;
	height: auto;
}

Наверх

#22 Teraweb

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

Пользователи
250 сообщений

Отправлено 03 Июнь 2016 - 10:25

Vaccina (03 Июнь 2016 - 05:01) писал:

В main.css найдите:

.categories .item .title {
font-size: 16px;
float: left;
width: 100%;
max-width: 260px;
max-height: 40px;
text-align: center;
color: #fff;
font-weight: 600;
padding: 10px;
background-color: #2F4DAF;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

замените на:

.categories .item .title {
font-size: 16px;
float: left;
width: 100%;
max-width: 260px;
height: 55px;
text-align: center;
color: #fff;
font-weight: 600;
padding: 10px;
background-color: #2F4DAF;
overflow: hidden;
}

В шаблоне HTML найдите:

<!-- Меню в шапке -->
			 <ul class="menunav">
			 {% 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>

замените на:

<!-- Меню в шапке -->
			 <ul class="menunav">
			 {% 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 %}>
	 {% IF menu.header.links.NAME = Главная %}
		 <img src="{ASSETS_IMAGES_PATH}Glavnaya.png" alt="" />
	 {% ELSEIF menu.header.links.NAME = Вопросы-Ответы %}
		 <img src="{ASSETS_IMAGES_PATH}Vopros-Otevet.png" alt="" />
	 {% ELSEIF menu.header.links.NAME = Услуги %}
		 <img src="{ASSETS_IMAGES_PATH}Uslugi.png" alt="" />
	 {% ELSEIF menu.header.links.NAME = Статьи %}
		 <img src="{ASSETS_IMAGES_PATH}Ctatii.png" alt="" />
	 {% ELSEIF menu.header.links.NAME = Как сделать заказ %}
		 <img src="{ASSETS_IMAGES_PATH}Kak-zdelat-zakaz.png" alt="" />
	 {% ELSEIF menu.header.links.NAME = Доставка %}
		 <img src="{ASSETS_IMAGES_PATH}Dostavka.png" alt="" />
	 {% ELSEIF menu.header.links.NAME = Контакты %}
		 <img src="{ASSETS_IMAGES_PATH}Kontakti.png" alt="" />
	 {% ENDIF %}
	 {menu.header.links.NAME}</a></li>
				 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>

В main.css найдите:

#custommenu ul.menunav li > a {
display: block;
padding: 10px 15px;
color: #0093E0;
line-height: 30px;
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
position: relative;
border-bottom: 2px solid transparent;
}

после него пропишите:

#custommenu ul.menunav li > a img {
width: 24px;
height: auto;
}

Сделал как сказали сайт поплыл(

Наверх

#23 Firefly

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

Модераторы
3 810 сообщений

Отправлено 03 Июнь 2016 - 10:33

Teraweb (03 Июнь 2016 - 10:25) писал:

Сделал как сказали сайт поплыл(

Здравствуйте.
У Вас была некорректно вставлен код, а именно при вставке Вы не скопировали закрывающуюся фигурную скобку в первой части инструкции, из-за чего стили не работали. Внес Вам поправки.

Наверх

#24 Teraweb

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

Пользователи
250 сообщений

Отправлено 03 Июнь 2016 - 10:50

Firefly (03 Июнь 2016 - 10:33) писал:

Здравствуйте.
У Вас была некорректно вставлен код, а именно при вставке Вы не скопировали закрывающуюся фигурную скобку в первой части инструкции, из-за чего стили не работали. Внес Вам поправки.

Спасибо. Ка сделать что бы верхнее меню равномерно располагалась? По всей ширине. И как поменять фон под меню с белого на необходимый мне цвет?

Наверх

#25 Teraweb

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

Пользователи
250 сообщений

Отправлено 03 Июнь 2016 - 11:15

И еще когда заходишь в категорию. Что бы в верху было название и оно было H1

Наверх

#26 Firefly

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

Модераторы
3 810 сообщений

Отправлено 03 Июнь 2016 - 11:16

Teraweb (03 Июнь 2016 - 10:50) писал:

Спасибо. Ка сделать что бы верхнее меню равномерно располагалась? По всей ширине. И как поменять фон под меню с белого на необходимый мне цвет?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #0093E0;line-height: 30px;text-transform: uppercase;font-size: 15px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;}

Замените на:

#custommenu ul.menunav li > a {display: block;padding: 10px 20px;color: #0093E0;line-height: 30px;text-transform: uppercase;font-size: 15px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;}

Найдите код:

#custommenu ul.menunav li {display: inline-block;float:left;border: none;}

Замените на:

#custommenu ul.menunav li {display: inline-block;float:left;border: none;background: #2F4DAF;}

Измените цвет заливки #2F4DAF на необходимый.

Наверх

#27 Teraweb

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

Пользователи
250 сообщений

Отправлено 03 Июнь 2016 - 11:31

Firefly (03 Июнь 2016 - 11:16) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

#custommenu ul.menunav li > a {display: block;padding: 10px 15px;color: #0093E0;line-height: 30px;text-transform: uppercase;font-size: 15px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;}

Замените на:

#custommenu ul.menunav li > a {display: block;padding: 10px 20px;color: #0093E0;line-height: 30px;text-transform: uppercase;font-size: 15px;font-weight: 700;position: relative;border-bottom: 2px solid transparent;}

Найдите код:

#custommenu ul.menunav li {display: inline-block;float:left;border: none;}

Замените на:

#custommenu ul.menunav li {display: inline-block;float:left;border: none;background: #2F4DAF;}

Измените цвет заливки #2F4DAF на необходимый.

Спасибо, а что по заголовкам? И как растянуть фон меню на всю ширину. И растянуть хлебные крошки.

Наверх

#28 Firefly

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

Модераторы
3 810 сообщений

Отправлено 03 Июнь 2016 - 11:47

Teraweb (03 Июнь 2016 - 11:31) писал:

Спасибо, в что по заголовкам?

В шаблоне Товары добавил Вам в начале строку кода:

<h1 style="padding:5px 0 10px;">{CATEGORY_NAME}</h1>

Проверьте, пожалуйста.

Наверх

#29 Teraweb

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

Пользователи
250 сообщений

Отправлено 03 Июнь 2016 - 12:00

Firefly (03 Июнь 2016 - 11:47) писал:

В шаблоне Товары добавил Вам в начале строку кода:

<h1 style="padding:5px 0 10px;">{CATEGORY_NAME}</h1>

Проверьте, пожалуйста.

Спасибо. Все отлично.

Наверх

#30 Teraweb

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

Пользователи
250 сообщений

Отправлено 03 Июнь 2016 - 13:29

И как растянуть фон меню на всю ширину. И растянуть хлебные крошки.

Наверх

#31 Firefly

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

Модераторы
3 810 сообщений

Отправлено 03 Июнь 2016 - 14:10

Teraweb (03 Июнь 2016 - 13:29) писал:

И как растянуть фон меню на всю ширину. И растянуть хлебные крошки.

Проверьте сейчас, пожалуйста, устроит ли Вас данный вариант.

Наверх

#32 Teraweb

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

Пользователи
250 сообщений

Отправлено 03 Июнь 2016 - 14:22

Да вообще отлично.

Наверх

#33 Teraweb

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

Пользователи
250 сообщений

Отправлено 05 Июнь 2016 - 13:13

Можно ли увеличить прозрачность верхнего голубого поля?

Наверх

#34 Danil

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

Пользователи
4 645 сообщений

Отправлено 05 Июнь 2016 - 15:15

Teraweb (05 Июнь 2016 - 13:13) писал:

Можно ли увеличить прозрачность верхнего голубого поля?

В main.css найдите код

.head-block {
	background: #82DCFB;
}

и замените на

.head-block {
	background: rgba(130, 220, 251, 0.5);
}

изменяйте значение 0.5(уровень прозрачности).

Наверх

#35 Teraweb

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

Пользователи
250 сообщений

Отправлено 05 Июнь 2016 - 15:57

Danil (05 Июнь 2016 - 15:15) писал:

В main.css найдите код

.head-block {
background: #82DCFB;
}

и замените на

.head-block {
background: rgba(130, 220, 251, 0.5);
}

изменяйте значение 0.5(уровень прозрачности).

Изменяется яркость. Прозрачнее не становится.

Как добавить поиск под контакты? Аккаунт SL-303729

Наверх

#36 Danil

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

Пользователи
4 645 сообщений

Отправлено 05 Июнь 2016 - 16:12

Teraweb (05 Июнь 2016 - 15:57) писал:

Изменяется яркость. Прозрачнее не становится.

Как добавить поиск под контакты? Аккаунт SL-303729

1) Прозрачность появляется, просто под ней белый фон, чтобы его убрать в main.css найдите код

div#header .container {
	background: #FFF;
	padding-bottom: 20px;
}

и замените на

div#header .container {
	padding-bottom: 20px;
}

2) В шаблоне html найдите код

			 <div class="block menu">
						  <div class="block-title">
								<a href="{CATALOG_URL}"><h5><span>Контакты</span></h5></a></div>
						<div class="block-menu-content">
						  <br>
						  {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
						  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><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></span></p>{% ENDIF %}
						  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %}
						  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %}
						  {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
						  {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype">&nbsp;</em><span class="ft-content"><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %}
						</div>
				  </div>

и после него вставьте

				  <div class="header-search">
							<div class="search-hover">
			<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск по магазину" onsubmit="if($(this).find('.form-search').val()) return false;">
			  <div class="form-search">
				<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="fa fa-search"></button>
			  </div>
			</form>
		   </div>
		  </div>

В main.css найдите код

#header-right .header-search {position: relative;clear: both;}
#header-right .header-search .search-hover {position: absolute;top: 0;right: 45px;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
#header-right .header-search:hover .search-hover {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
#header-right .header-search .search-hover .form-search {position: relative;z-index: 1000;padding: 0;float: right;background: #fff;border: 1px solid #e5e5e5;width: 300px;}
#header-right .header-search .search-hover .form-search input {font-size: 13px;float: left;margin: 0;border: none;background: none;padding: 6px 10px;color: #b6b6b6;width: 300px;height: 43px;line-height: 43px;padding-right: 60px;}
#header-right .header-search .search-hover .form-search button {position: absolute;top: -1px;right: 5px;outline: 0;}
#header-right .header-search .search-hover .form-search .fa-search {font-size: 16px;color: #333744;line-height: 43px;padding: 0 17px;width: 50px;background: transparent;float: right;margin-bottom: 0;border: 0;}
#header-right .header-search .search-hover .form-search .fa-search:hover {color: #fff;background: #09afe7;cursor: pointer;}

и замените на

.header-search {position: relative;clear: both;}
#header-right .header-search .search-hover {position: absolute;top: 0;right: 45px;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
.header-search:hover .search-hover {opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.header-search .search-hover .form-search {position: relative;z-index: 1000;padding: 0;float: right;background: #fff;border: 1px solid #e5e5e5;width: 300px;}
.header-search .search-hover .form-search input {font-size: 13px;float: left;margin: 0;border: none;background: none;padding: 6px 10px;color: #b6b6b6;width: 300px;height: 43px;line-height: 43px;padding-right: 60px;}
.header-search .search-hover .form-search button {position: absolute;top: -1px;right: 5px;outline: 0;}
.header-search .search-hover .form-search .fa-search {font-size: 16px;color: #333744;line-height: 43px;padding: 0 17px;width: 50px;background: transparent;float: right;margin-bottom: 0;border: 0;}
.header-search .search-hover .form-search .fa-search:hover {color: #fff;background: #09afe7;cursor: pointer;}

Наверх

#37 Teraweb

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

Пользователи
250 сообщений

Отправлено 05 Июнь 2016 - 18:37

1) Прозрачность появляется, просто под ней белый фон, чтобы его убрать в main.css найдите код

div#header .container {
background: #FFF;
padding-bottom: 20px;
}

и замените на

div#header .container {
padding-bottom: 20px;
}

Прозрачность появилась но с шаблоном какая то беда(

Наверх

#38 Danil

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

Пользователи
4 645 сообщений

Отправлено 05 Июнь 2016 - 18:43

Teraweb (05 Июнь 2016 - 18:37) писал:

1) Прозрачность появляется, просто под ней белый фон, чтобы его убрать в main.css найдите код

div#header .container {
background: #FFF;
padding-bottom: 20px;
}

и замените на

div#header .container {
padding-bottom: 20px;
}

Прозрачность появилась но с шаблоном какая то беда(

Ошибку исправил, проверьте.

Наверх

#39 Teraweb

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

Пользователи
250 сообщений

Отправлено 05 Июнь 2016 - 18:48

Спасибо наиогромнейшее. Еще такой вопрос. Получится ли реализовать вот такой вот слайдер http://vinayakjadhav...o/jR3DCarousel/

Наверх

#40 Teraweb

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

Пользователи
250 сообщений

Отправлено 05 Июнь 2016 - 19:23

И еще. Показ товаров на главной сделать с шагом в 9 (сейчас 6)

Наверх

Назад

Обратно в Изменение общей стилистики

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

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

Много Вопросов По Шаблону

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

Войти

Google поиск