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


Шапка Сайта

Автор moskva177rus, 19 мая 2017 22:30

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

#1 moskva177rus

moskva177rus

    Пользователь

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

Отправлено 19 Май 2017 - 22:30

Безымянный.jpg
Добрый вечер!
Можно сделать такое как на картинке:
1. Картинку поставить на всю ширину экрана(в шапку), и желательно чтоб она подстраивалась под монитор
2. сумма закана стоит на зеленном фоне, так вот, можно этот фон сделать золотистым цветом
3. Оформить заказ тоже золотистым цветом фон
4. там где написано "ресторан быстрого питания" под логотипом тоже в золотистый цвет

Аккаунт SL-415468

#2 Vaccina

Vaccina

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

  • Модераторы
  • 22 743 сообщений

Отправлено 20 Май 2017 - 07:47

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

1. Как понимаю, вы хотите установить в шапку картинку фоном. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header {
	position: absolute;
	position: fixed;
	top: 0;
	left: auto;
	z-index: 1024;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	min-width: 100%;
	width: auto;
	/* height: 45px; */
	background-color: #2C3E50;
 
}

замените на:
.header {
	position: absolute;
	position: fixed;
	top: 0;
	left: auto;
	z-index: 1024;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	min-width: 100%;
	width: auto;
	background: url('#') no-repeat center center;
}

Вместо знака # укажите ссылку на картинку.

2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.basket-info .cartCountNum {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #1abc9c;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding: 0 3px 0 3px;
	margin-right: 4px;
	margin-left: 4px;
	display: inline-block;
	height: 19px;
	line-height: 1.4;
}

замените на:
.basket-info .cartCountNum {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #EFC911;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding: 0 3px 0 3px;
	margin-right: 4px;
	margin-left: 4px;
	display: inline-block;
	height: 19px;
	line-height: 1.4;
}

3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.toOformZakazCart .btn {
	display: block;
	width: 90%;
	text-align: center;
	padding: 2.1% 5.5%;
	margin: 0 auto;
}

замените на:
.toOformZakazCart .btn {
	display: block;
	width: 90%;
	background: #EFC911;
	text-align: center;
	padding: 2.1% 5.5%;
	margin: 0 auto;
}

4. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.logo .store_name {
	display: inline-block;
	width: 100%;
	color: #34495E;
	text-align: center;
}

замените на:
.logo .store_name {
	display: inline-block;
	width: 100%;
	color: #EFC911;
	text-align: center;
}

#3 moskva177rus

moskva177rus

    Пользователь

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

Отправлено 20 Май 2017 - 18:55

Спасибо, помогло
еще такая проблема
Безымянный.jpg
смотрел, это стиль #sb-site.wrapper {
</div>
					<div class="infoSite">
						<div itemscope itemtype="http://schema.org/Organization" class="copy">
							&copy; <span class="dateYear">{DATE_YEAR}</span> &laquo;<span class="settingsStoreName">{SETTINGS_STORE_NAME}</span>
							&raquo;<span itemprop="name" class="settingsStoreOrgName">{SETTINGS_STORE_ORG_NAME}</span><br />
							<span itemprop="location" class="settingsStoreRegion">{SETTINGS_STORE_REGION}</span>
						</div>
						<div class="copyrightFor">
							<span>{COPYRIGHT_FOR_DESIGN_BISTRO}</span>
							<span>Все права защищены</span>
						</div>
					</div>
				</div>
				<div class="settingsStore">
					{SETTINGS_STORE_HTML_CODE}
				</div>
			</div>
		</footer>
	</div><!-- .sb-slide .wrapper -->
	<script>
		var folderImg = '{ASSETS_IMAGES_PATH}';
		var indexPage = "{index_page}";
	</script>
  </body>
</html>
это низ сайта

#4 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 131 сообщений

Отправлено 20 Май 2017 - 20:18

Просмотр сообщенияmoskva177rus (20 Май 2017 - 18:55) писал:

Спасибо, помогло
еще такая проблема
Прикрепленный файл Безымянный.jpg
смотрел, это стиль #sb-site.wrapper {
</div>
				 <div class="infoSite">
					 <div itemscope itemtype="http://schema.org/Organization" class="copy">
						 &copy; <span class="dateYear">{DATE_YEAR}</span> &laquo;<span class="settingsStoreName">{SETTINGS_STORE_NAME}</span>
						 &raquo;<span itemprop="name" class="settingsStoreOrgName">{SETTINGS_STORE_ORG_NAME}</span><br />
						 <span itemprop="location" class="settingsStoreRegion">{SETTINGS_STORE_REGION}</span>
					 </div>
					 <div class="copyrightFor">
						 <span>{COPYRIGHT_FOR_DESIGN_BISTRO}</span>
						 <span>Все права защищены</span>
					 </div>
				 </div>
			 </div>
			 <div class="settingsStore">
				 {SETTINGS_STORE_HTML_CODE}
			 </div>
		 </div>
	 </footer>
</div><!-- .sb-slide .wrapper -->
<script>
	 var folderImg = '{ASSETS_IMAGES_PATH}';
	 var indexPage = "{index_page}";
</script>
</body>
</html>
это низ сайта
Здравствуйте.
В main.css замените

#sb-site.wrapper {
	position: relative;
	z-index: 0;
	margin: 0 auto;
	min-width: 305px;
	min-height: 100%;
	height: auto;
	background-color: #54031F;
}

на

#sb-site.wrapper {
	position: relative;
	z-index: 0;
	margin: 0 auto;
	min-width: 305px;
	min-height: 100%!important;
	height: auto;
	background-color: #54031F;
}

#5 moskva177rus

moskva177rus

    Пользователь

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

Отправлено 21 Май 2017 - 00:16

Безымянный.jpg
проблема с картинками

#6 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 131 сообщений

Отправлено 21 Май 2017 - 10:09

Просмотр сообщенияmoskva177rus (21 Май 2017 - 00:16) писал:

Прикрепленный файл Безымянный.jpg
проблема с картинками
На данный момент подобного отображения на товарах не наблюдаю, проблема ещё актуальна?

#7 moskva177rus

moskva177rus

    Пользователь

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

Отправлено 23 Май 2017 - 15:01

Просмотр сообщенияMr.Nito (21 Май 2017 - 10:09) писал:

На данный момент подобного отображения на товарах не наблюдаю, проблема ещё актуальна?
при добавлении товара была такая проблема,
еще вопросик, можно внизу при открытии сайта на мобильном телефоне была ссылка на полную версию сайта?

#8 Stasya

Stasya

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

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

Отправлено 24 Май 2017 - 10:02

Просмотр сообщенияmoskva177rus (23 Май 2017 - 15:01) писал:

при добавлении товара была такая проблема,
еще вопросик, можно внизу при открытии сайта на мобильном телефоне была ссылка на полную версию сайта?
Здравствуйте. К сожалению, такое реализовать не получиться, так как у нас сайты не имеют мобильной или полной версии отображения. Шаблоны являются адаптивными, т.е. происходит перестроение блоков в зависимости от разрешения экрана, но при этом используются одни и те же шаблоны и файлы стилей.

#9 moskva177rus

moskva177rus

    Пользователь

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

Отправлено 24 Май 2017 - 14:48

Безымянный.jpg
аккаунт SL-415594
у меня 3 сайта в вашей системе

еще,
Безымянный.jpg
Безымянный2.jpg
цвета поменять чтоб видно было

#10 Firefly

Firefly

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

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

Отправлено 24 Май 2017 - 16:14

Просмотр сообщенияmoskva177rus (24 Май 2017 - 14:48) писал:

Прикрепленный файл Безымянный.jpg
аккаунт SL-415594
у меня 3 сайта в вашей системе

еще,
Прикрепленный файл Безымянный.jpg
Прикрепленный файл Безымянный2.jpg
цвета поменять чтоб видно было

Здравствуйте.
В шаблоне main.css добавил код:
.cartListTable a {color:#1abc9c;}

А так же код:
li.minPrice > span {
	padding: 5px;
	background: #DAA520;
}
li.minPrice span {color:#fff;}

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

#11 moskva177rus

moskva177rus

    Пользователь

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

Отправлено 24 Май 2017 - 16:18

Просмотр сообщенияFirefly (24 Май 2017 - 16:14) писал:

Здравствуйте.
В шаблоне main.css добавил код:
.cartListTable a {color:#1abc9c;}

А так же код:
li.minPrice > span {
padding: 5px;
background: #DAA520;
}
li.minPrice span {color:#fff;}

Проверьте результат, пожалуйста.
можно ли кнопочку "заказать" сделать чуть больше
Безымянный.jpg

P.S. Жаль что нельзя сделать магазин на поддомене

#12 Firefly

Firefly

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

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

Отправлено 24 Май 2017 - 17:58

Просмотр сообщенияmoskva177rus (24 Май 2017 - 16:18) писал:

можно ли кнопочку "заказать" сделать чуть больше
Прикрепленный файл Безымянный.jpg

P.S. Жаль что нельзя сделать магазин на поддомене

В конце main.css добавьте код:
#toZakaz {padding: 4px 30px;}
#toZakaz span {
	color: #fff;
}

#13 moskva177rus

moskva177rus

    Пользователь

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

Отправлено 26 Май 2017 - 16:58

Можно ли убрать совсем пункт "Сортировать по:"?
Безымянный.jpg

#14 Danil

Danil

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

  • Модераторы
  • 4 638 сообщений

Отправлено 26 Май 2017 - 17:02

Просмотр сообщенияmoskva177rus (26 Май 2017 - 16:58) писал:

Можно ли убрать совсем пункт "Сортировать по:"?
Прикрепленный файл Безымянный.jpg
Здравствуйте.
В шаблоне Товары найдите и удалите код 
					<li class="goods_order_fields">
						<!-- Поле выбора сортировки -->
						{% IF goods_show_order_fields %}
							<span>Сортировать по:</span>
							<select name="goods_search_field_id"  onchange="this.form.submit();">
								{% FOR goods_order_fields %}
									<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
								{% ENDFOR %}
							</select>
						{% ENDIF %}
					</li>

#15 moskva177rus

moskva177rus

    Пользователь

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

Отправлено 26 Май 2017 - 19:08

Просмотр сообщенияDanil (26 Май 2017 - 17:02) писал:

Здравствуйте.
В шаблоне Товары найдите и удалите код
				 <li class="goods_order_fields">
					 <!-- Поле выбора сортировки -->
					 {% IF goods_show_order_fields %}
						 <span>Сортировать по:</span>
						 <select name="goods_search_field_id" onchange="this.form.submit();">
							 {% FOR goods_order_fields %}
								 <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
							 {% ENDFOR %}
						 </select>
					 {% ENDIF %}
				 </li>
спасибо!
и последнее надеюсь)
1 рисунок, поменять цвет текста
2 рисунок, поставить фон цвета там где выделено под цвет шапки

Безымянный.jpg
Безымянный2.jpg

#16 RayLi

RayLi

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

  • Модераторы
  • 2 594 сообщений

Отправлено 26 Май 2017 - 20:23

Просмотр сообщенияmoskva177rus (26 Май 2017 - 19:08) писал:

спасибо!
и последнее надеюсь)
1 рисунок, поменять цвет текста
2 рисунок, поставить фон цвета там где выделено под цвет шапки

Прикрепленный файл Безымянный.jpg
Прикрепленный файл Безымянный2.jpg

Здравствуйте.
2. В данном случае вам необходимо в шаблоне main.css найти данный код:

dt.tab.active h3 {
border-bottom: 0px;
background: #395169;
font-weight: bold;
padding: 10.4px 18px;
}

И заменить его вот этим вот кодом:

dt.tab.active h3 {
border-bottom: 0px;
background: #54031f;
font-weight: bold;
padding: 10.4px 18px;
}


После чего в том же шаблоне найдите, пожалуйста, следующий код:

dt.tab h3 {
position: relative;
z-index: 2;
display: block;
padding: 10px 20px;
height: 16px;
border: 1px solid #34495E;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #2C3E50;
color: white;
font-weight: 600;
font-size: 14px;
border-right: 1px solid #ECF0F1;
}

И замените его вот этим кодом:

dt.tab h3 {
position: relative;
z-index: 2;
display: block;
padding: 10px 20px;
height: 16px;
border: 1px solid #54031f;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #54031f;
color: white;
font-weight: 600;
font-size: 14px;
border-right: 1px solid #ECF0F1;
}


1. Далее в самый конец того же шаблоне добавьте, пожалуйста, данный код:


.menu-item-badges.new a span {
color: #fff !important;
}

#17 moskva177rus

moskva177rus

    Пользователь

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

Отправлено 26 Май 2017 - 21:01

Спасибо!
С новинкими все получилось, а хит продаж не подскажете так же цвет поставить белым,
Сам я не могу найти и понять как вы на конкретной кнопке меняете цвет и все остальное
например тут:.menu-item-badges.new a span {  где указано что именно это отвечает за "новинки"?

#18 Vaccina

Vaccina

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

  • Модераторы
  • 22 743 сообщений

Отправлено 27 Май 2017 - 02:45

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.menu-item-badges {
	position: absolute;
	top: -2px;
	left: 10px;
	z-index: 2;
	padding: 3px 7px 3px 7px;
	border-top: 2px solid #FC6C5C;
	-webkit-border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	background-color: #E74C3C;
	/*! color: #ffffff; */
	opacity: 0.8;
}

замемните на:
.menu-item-badges {
	position: absolute;
	top: -2px;
	left: 10px;
	z-index: 2;
	padding: 3px 7px 3px 7px;
	border-top: 2px solid #FC6C5C;
	-webkit-border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	background-color: rgba(231,76,60, 0.8);
	opacity: 0.8;
}
.menu-item-badges span {
	color: #fff;
}

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


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Бистро
  5. → Изменение общей стилистики
  6. Privacy Policy