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


Создание Уникального Сайта


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

#1 gtsound

gtsound

    Продвинутый пользователь

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

Отправлено 22 Январь 2016 - 00:38

Здравствуйте. Вот что требуется сделать:

1. Убрать слайдер
2. Убрать подписи под ним (оплата, доставка, гарантии, поддержка)
3. Убрать черный фон где лого, номер телефона и поиск.
4. Убрать из меню черный фон
5. Убрать из меню категорию (Шумоизоляция своими руками)
6. Поставить на фон всего сайта большущую картинку с адаптацией под разные экраны (и скажите какой размер туда грузить)
7. В обратной связи (в подвале) где номер телефона, убрать надпись ТЕКСТ. и вставить туда иконку телефона

#2 Vaccina

Vaccina

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

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

Отправлено 22 Январь 2016 - 02:18

1. В style.css найдите:
.fluid-container {
	position: relative;
	height: 600px;
}
замените на:
.fluid-container {
	position: relative;
	height: 600px;
	display: none;
}

2. В style.css найдите:
.promo_block {
	background: #000;
	display: inline-block;
	width: 100% !important;
	top: -55px !important;
}

замените на:
.promo_block {
	background: #000;
	display: none;
	width: 100% !important;
	top: -55px !important;
}

далее найдите:
.promo_block + .contentText {
	top: -55px !important;
}

замените на:
.promo_block + .contentText {
	top: 170px !important;
}

3. В style.css найдите:
#header .container {
	border-bottom: 5px solid #00A693;
	background-color: #000;
	width: 100%;
}

замените на:
#header .container {
	border-bottom: 5px solid #00A693;
	background-color: #fff;
	width: 100%;
}

далее найдите:
.logo {
	margin-top: 0px;
	text-align: center;
	width: 270px;
	float: left;
	display: block;
	padding: 20px;
	background: #000;
}

замените на:
.logo {
	margin-top: 0px;
	text-align: center;
	width: 270px;
	float: left;
	display: block;
	padding: 20px;
	background: #fff;
}

4. В style.css найдите:
.nav-container {
	background: #000;
	margin-bottom: 0px;
	position: relative;
	display: block;
	float: left;
	bottom: 0px;
	width: 100%;
}

замените на:
.nav-container {
	background: #fff;
	margin-bottom: 0px;
	position: relative;
	display: block;
	float: left;
	bottom: 0px;
	width: 100%;
}

далее найдите:
.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover {
	display: inline-block;
	position: relative;
	color: #FFF;
	padding: 0px 12px;
	margin: 0px;
	text-decoration: none;
	font: 12px/49px Calibri;
	text-transform: uppercase;
}

замените на:
.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover {
	display: inline-block;
	position: relative;
	color: #FF0302;
	padding: 0px 12px;
	margin: 0px;
	text-decoration: none;
	font: 12px/49px Calibri;
	text-transform: uppercase;
}

5. В шаблоне HTML найдите и удалите:
<a href="http://{NET_DOMAIN}/news?sid=2">Шумоизоляция своими руками</a>

6. В style.css найдите:
body {
	background: #FFF;
	color: #000;
	margin: 0px;
	font-family: Calibri;
	height: 100%;
}

замените на:
body {
	background: ur('ссылка на фон') no-repeat center top;
	color: #000;
	margin: 0px;
	font-family: Calibri;
	height: 100%;
}

текст замените на ссылку.

7. В шаблоне HTML найдите:
<input id="feedback_phone" type="tel"  name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_PHONE}]"  value="{FORM_FEEDBACK_PHONE}" maxlength="255" class="required phone input-text"/>
				 

после него пропишите:
<div style="clear:both;"></div>

В style.css найдите:
.logoinput.foremail { background: #ccc url('{ASSETS_IMAGEs_PATH}logo-email.png?design=movement') center center no-repeat; }

после него пропишите:
.logoinput.forphone { background: #ccc url('{ASSETS_IMAGEs_PATH}logo-phone.png?design=movement') center center no-repeat; }

и в нем logo-phone.png замените на имя айла вашей иконки

#3 gtsound

gtsound

    Продвинутый пользователь

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

Отправлено 22 Январь 2016 - 18:46

Спасибо. Теперь, нужно:

1. Убрать бирюзовую полоску в шапке
2. При заходе на любую другую страницу, появляется остаток слайдера
3. При заходе на страницы, фон остается в шапке черным
4. Картинка не растягивается как нужно. и какой размер рекомендуется туда грузить?
5. Шапка сайта нужна все таки с бесцветным фоном, что бы на шапке так же была картинка с основного фона

Прикрепленные изображения

  • 1.jpg
  • 2.jpg


#4 RedHead

RedHead

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

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

Отправлено 22 Январь 2016 - 20:04

Просмотр сообщенияgtsound (22 Январь 2016 - 18:46) писал:

Спасибо. Теперь, нужно:

1. Убрать бирюзовую полоску в шапке
2. При заходе на любую другую страницу, появляется остаток слайдера
3. При заходе на страницы, фон остается в шапке черным
4. Картинка не растягивается как нужно. и какой размер рекомендуется туда грузить?
5. Шапка сайта нужна все таки с бесцветным фоном, что бы на шапке так же была картинка с основного фона

Здравствуйте!
1) В шаблоне style.css замените блок кода:
#header .container {
  border-bottom: solid 5px #00a693;
  background-color: #000;
  width: 100%;
}
на:
#header .container {
	  background: rgba(255, 255, 255, 0.1);
		width: 100%;
}

Здесь же начинаем 5 вопрос, убираем фон из шапки.

5) блок кода:
.logo {
		margin-top: 0px;
		text-align: center;
		width: 270px;
		float: left;
		display: block;
		padding: 20px;
		background: #fff;
замените на
.logo {
		margin-top: 0px;
		text-align: center;
		width: 270px;
		float: left;
		display: block;
		padding: 20px;

код:
.nav-container {
		background: #fff;
		margin-bottom: 0px;
		position: relative;
		display: block;
		float: left;
		bottom: 0px;
		width: 100%;
замените на:
.nav-container {
		margin-bottom: 0px;
		position: relative;
		display: block;
		float: left;
		bottom: 0px;
		width: 100%;

2) В этом же шаблоне строку
#header {position: relative;height: 400px;background: url('{ASSETS_IMAGES_PATH}slide4.jpg?design=movement') center center;}
замените на
#header {position: relative;height: 400px;}

3) в style.css замените строку
.header_bar {position:fixed;top:0px;z-index:10000;width:100%;background:#000;display: none;}
на:
.header_bar {position:fixed;top:0px;z-index:10000;width:100%;background:green;display: none;}

замените зеленый цвет на необходимый.

4) в style.css замените код:
body {
		background: url('https://pp.vk.me/c627728/v627728037/329d9/XtBgl5fjByY.jpg') no-repeat center top;
		color: #000;
		margin: 0px;
		font-family: Calibri;
		height: 100%;
на:
body {
		background: url('https://pp.vk.me/c627728/v627728037/329d9/XtBgl5fjByY.jpg') no-repeat;
		background-size: 100%;
		color: #000;
		margin: 0px;
		font-family: Calibri;
		height: 100%;


#5 gtsound

gtsound

    Продвинутый пользователь

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

Отправлено 22 Январь 2016 - 20:50

Просмотр сообщенияRedHead (22 Январь 2016 - 20:04) писал:

Здравствуйте!
1) В шаблоне style.css замените блок кода:
#header .container {
border-bottom: solid 5px #00a693;
background-color: #000;
width: 100%;
}
на:
#header .container {
background: rgba(255, 255, 255, 0.1);
width: 100%;
}

Здесь же начинаем 5 вопрос, убираем фон из шапки.

5) блок кода:
.logo {
	 margin-top: 0px;
	 text-align: center;
	 width: 270px;
	 float: left;
	 display: block;
	 padding: 20px;
	 background: #fff;
замените на
.logo {
	 margin-top: 0px;
	 text-align: center;
	 width: 270px;
	 float: left;
	 display: block;
	 padding: 20px;

код:
.nav-container {
	 background: #fff;
	 margin-bottom: 0px;
	 position: relative;
	 display: block;
	 float: left;
	 bottom: 0px;
	 width: 100%;
замените на:
.nav-container {
	 margin-bottom: 0px;
	 position: relative;
	 display: block;
	 float: left;
	 bottom: 0px;
	 width: 100%;

2) В этом же шаблоне строку
#header {position: relative;height: 400px;background: url('{ASSETS_IMAGES_PATH}slide4.jpg?design=movement') center center;}
замените на
#header {position: relative;height: 400px;}

3) в style.css замените строку
.header_bar {position:fixed;top:0px;z-index:10000;width:100%;background:#000;display: none;}
на:
.header_bar {position:fixed;top:0px;z-index:10000;width:100%;background:green;display: none;}

замените зеленый цвет на необходимый.

4) в style.css замените код:
body {
	 background: url('https://pp.vk.me/c627728/v627728037/329d9/XtBgl5fjByY.jpg') no-repeat center top;
	 color: #000;
	 margin: 0px;
	 font-family: Calibri;
	 height: 100%;
на:
body {
	 background: url('https://pp.vk.me/c627728/v627728037/329d9/XtBgl5fjByY.jpg') no-repeat;
	 background-size: 100%;
	 color: #000;
	 margin: 0px;
	 font-family: Calibri;
	 height: 100%;

1. При переходе на другие страницы, сохраняется область которая была для слайдера, хотя самого слайдера нет.
2. Решил вообще убрать появляющуюся шапку при прокручивании страницы. Как это сделать?
3. Как сделать прозрачный фон слева в меню Каталог.
4. Изображение основного фона растянулось только по горизонтали. По вертикали так же осталось на пол страницы
5. Какое рекомендуемое на ваш взгляд разрешение картинки должно быть для общего фона?

#6 gtsound

gtsound

    Продвинутый пользователь

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

Отправлено 25 Январь 2016 - 11:08

Ап

#7 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 25 Январь 2016 - 13:33

Просмотр сообщенияgtsound (22 Январь 2016 - 20:50) писал:

1. При переходе на другие страницы, сохраняется область которая была для слайдера, хотя самого слайдера нет.
2. Решил вообще убрать появляющуюся шапку при прокручивании страницы. Как это сделать?
3. Как сделать прозрачный фон слева в меню Каталог.
4. Изображение основного фона растянулось только по горизонтали. По вертикали так же осталось на пол страницы
5. Какое рекомендуемое на ваш взгляд разрешение картинки должно быть для общего фона?


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

1) В style.css найдите код:

#header {position: relative;height: 400px;}

и замените на код:

#header {position: relative;}

далее код:

.home #header {
  height: auto;
  text-align: left;
  position: absolute;
  background: none;
  z-index: 1000;
  width: 100%!important;
}

замените на код:

.home #header {
  height: auto;
  text-align: left;
  background: none;
  z-index: 1000;
  width: 100%!important;
}

затем удалите код:


.promo_block + .contentText {
	 top: 170px !important;
}

2) В шаблоне HTML найдите и удалите код:

	<div id="header_bar" class="header_bar">
	  <div class="container">
		 <div class="logo">
			<a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=movement" alt="" title="" class="scale-with-grid"></a>		   
		  </div>
		 
		  {% IFNOT MOD_LNAME=goods || GOODS_NAME = tovar %}
				 <div class="contacts">
										 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_SKYPE || SETTINGS_STORE_ICQ %}
												 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
														 <b>Контакты:</b><br />
								<!-- Первый контактный телефон -->
								{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
								  {SETTINGS_STORE_PHONE_COUNTRY_CODE1}
								  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE1})</span>{% ENDIF %}
								  {SETTINGS_STORE_PHONE_NUMBER1}<br />
								{% ENDIF %}
						  
								<!-- Второй контактный телефон -->
								{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
								  {SETTINGS_STORE_PHONE_COUNTRY_CODE1}
								  {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE2})</span>{% ENDIF %}
								  {SETTINGS_STORE_PHONE_NUMBER2}<br />
								{% ENDIF %}
												
								<!-- Третий контактный телефон -->
								{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
								  {SETTINGS_STORE_PHONE_COUNTRY_CODE3}
								  {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}<span class="phone_code">({SETTINGS_STORE_PHONE_CITY_CODE3})</span>{% ENDIF %}
								  {SETTINGS_STORE_PHONE_NUMBER3}
								{% ENDIF %}
								<span class="phone_code">Email: </span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a>
										  
								<!-- Skype номер -->
								{% IF SETTINGS_STORE_SKYPE %}
								  <div class="contentTableHeadMainSkype">
										<a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">
										  <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />
										  <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span>
										</a>
								  </div>
								{% ENDIF %}
										 
								<!-- ICQ номер -->
								{% IF SETTINGS_STORE_ICQ %}
								  <div class="contentTableHeadMainIcq">
										<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
										<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
								  </div>
								{% ENDIF %}
						  </div>
						{% ENDIF %}
				  
						<!-- Время работы магазина -->
						{% IF SETTINGS_STORE_WORK_TIME %}
						  <div class="time">
								<b>Время работы:</b><br />
								<span class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
								  {SETTINGS_STORE_WORK_TIME}
								</span>
						  </div>
						  Магазин
						{% ENDIF %}
						<div class="clear"></div>
				  </div>
		  {% ELSE %}
			<div class="cart_block">
			  <form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm2" >
				<input type="hidden" name="hash" value="{HASH}" />
			  <input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />
				<!-- По этому значению производится заказ товара -->
			  <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
				<!-- Добавление в корзину -->
				<div class="cart">
				  <div class="qty-button-down">
					<a href="#" class="qty-down">-</a>
				  </div>
				  <input type="text" name="form[goods_mod_quantity]" size="1" value="1" title="Количество" class="qty" />
				  <div class="qty-button-up">
					<a href="#" class="qty-up">+</a>
				  </div>
				  <input type="button" value="Купить" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm2'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
				  <!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
				</div>
				<!-- /Добавление в корзину -->
			  </form>
			</div>
			<h1>{% IF GOODS_NAME = tovar %}Отзывы о магазине{% ELSE %}{GOODS_NAME}{% ENDIF %}</h1>
		  {% ENDIF %}
		  <div class="clear"></div>
	   </div>
	  <div class="shdw"></div>
	</div>


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

.accordion li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;*float: none; display: block; width: 100%; position:relative;}

и замените на код:

.accordion li { background: #fff rgba(255, 255, 255, 0.69);; cursor: pointer; list-style-type: none; padding: 0; margin: 0;*float: none; display: block; width: 100%; position:relative;}


значение 0.69 изменяйте на нужное Вам.

4) Если растянуть его на весь экран, то будет некорректное отображение (вытянутой картинки)

5) чтобы отображалось корректно нужно размер картинки как минимум 2000px высотой. Это высота вышей главной странички, на остальных может быть и больше

#8 gtsound

gtsound

    Продвинутый пользователь

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

Отправлено 26 Январь 2016 - 07:12

Спасиб. Теперь вот такие проблемы:

1. При переходе на другие страницы, в Шапке горит красный прямоугольник с красным цветом внутри. Нужно что бы буквы были белыми внутри красного прямоугольника
2. Слева в каталоге, белые полосы остались. Их нужно убрать
3.На меньшем разрешении экрана, в Шапке, надпись "Магазин ведет деятельность от лица..... " Залазиет на строку поиска
4.Все буквы в Шапке сделать жирным шрифтом, таким как шрифт "Время работы и т.д.)
5. Весь красный цвет в шапке должен быть RGB 255.0.0
6.Убрать слева виджеты ВК и Твиттер

#9 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 26 Январь 2016 - 09:57

Просмотр сообщенияgtsound (26 Январь 2016 - 07:12) писал:

Спасиб. Теперь вот такие проблемы:

1. При переходе на другие страницы, в Шапке горит красный прямоугольник с красным цветом внутри. Нужно что бы буквы были белыми внутри красного прямоугольника
2. Слева в каталоге, белые полосы остались. Их нужно убрать
3.На меньшем разрешении экрана, в Шапке, надпись "Магазин ведет деятельность от лица..... " Залазиет на строку поиска
4.Все буквы в Шапке сделать жирным шрифтом, таким как шрифт "Время работы и т.д.)
5. Весь красный цвет в шапке должен быть RGB 255.0.0
6.Убрать слева виджеты ВК и Твиттер

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

1) В конце style.css добавьте код:

a.main_category.selected {color: white;}


2) Вы имеете ввиду рамки белые?

QIP Shot - Screen 139.png

если да, то в styl.css найдите код:

.infoBoxContents{position: relative;text-align:left;font-size: 12px;font-family: Calibri;border: 1px solid #cdcdcd;display: block;margin: 0;padding: 10px;}

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

.infoBoxContents{position: relative;text-align:left;font-size: 12px;font-family: Calibri;display: block;margin: 0;padding: 10px;}

если Вам надо так же убрать белые разделительные полоски у пунктов каталога, то найдите там же код:

.accordion a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size:11px; font-weight:700; text-transform:uppercase; padding: 8px 10px 8px 20px; display: block; cursor: pointer; }

и замените на код:

.accordion a { text-decoration: none; font-size:11px; font-weight:700; text-transform:uppercase; padding: 8px 10px 8px 20px; display: block; cursor: pointer; }

3) Попробуйте сделать следующее. В style.css после кода:

@media only screen and (min-width: 960px) and (max-width: 1200px) {

добавьте код:

div#search {
	width: 220px;
	position: absolute;
	top: 85px;
	right: 90px;
}



4,5) В style.css найдите код:

.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover {
		display: inline-block;
		position: relative;
		color: #FF0302;
		padding: 0px 12px;
		margin: 0px;
		text-decoration: none;
		font: 12px/49px Calibri;
		text-transform: uppercase;
}

и замените на код:

.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover {
	font-weight: 600;
	display: inline-block;
	position: relative;
	color: #FFFFFF;
	padding: 0px 12px;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Calibri;
	font-size: 13px;
}


6) В шаблоне HTML найдите и удалите код:

		<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: '505050', color2: 'BFBFBF', color3: '000000'}, 97412142);
</script>
			<a class="twitter-timeline"  href="https://twitter.com/StP_Tehno" data-widget-id="637778605288857601">Твиты от @StP_Tehno</a>
			<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>


#10 gtsound

gtsound

    Продвинутый пользователь

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

Отправлено 28 Январь 2016 - 00:47

4 и 5.4

Не совсем то, мало того что шрифт стал меньше, так еще и белый.

Нужно было оставить все как было, только красный цвет сделать в по коду RGB 255.0.0. (это касается и надписи : Деятельность ведется от лица....)
А получилось что буквы все стали белые.

п6. не нашел такого кода в HTML

#11 Vaccina

Vaccina

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

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

Отправлено 28 Январь 2016 - 04:38

.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover {
		font-weight: 600;
		display: inline-block;
		position: relative;
		color: #FFFFFF;
		padding: 0px 12px;
		margin: 0px;
		text-decoration: none;
		text-transform: uppercase;
		font-family: Calibri;
		font-size: 13px;
}

замените на:
.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover {
				display: inline-block;
				font-weight: 600;
				position: relative;
				color: #FF0302;
				padding: 0px 12px;
				margin: 0px;
				text-decoration: none;
				font: 12px/49px Calibri;
				text-transform: uppercase;
}

это должно поправить обратно шрифт.


6. Не обнаружила данных виджетов, уточните пожалуйста, вопрос еще актуален?

#12 gtsound

gtsound

    Продвинутый пользователь

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

Отправлено 29 Январь 2016 - 00:12

Просмотр сообщенияVaccina (28 Январь 2016 - 04:38) писал:

.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover {
	 font-weight: 600;
	 display: inline-block;
	 position: relative;
	 color: #FFFFFF;
	 padding: 0px 12px;
	 margin: 0px;
	 text-decoration: none;
	 text-transform: uppercase;
	 font-family: Calibri;
	 font-size: 13px;
}

замените на:
.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover {
			 display: inline-block;
			 font-weight: 600;
			 position: relative;
			 color: #FF0302;
			 padding: 0px 12px;
			 margin: 0px;
			 text-decoration: none;
			 font: 12px/49px Calibri;
			 text-transform: uppercase;
}

это должно поправить обратно шрифт.


6. Не обнаружила данных виджетов, уточните пожалуйста, вопрос еще актуален?

Теперь нужно сделать все надписи в жирном шрифте. Должно красиво получиться.


6. Убрал виджеты. Спасибо, больше не актуально...



Еще вопрос. Слева, в Каталоге, Статьи, Новости и т.д. сделать шрифт так же красным. При наведении на определенный пункт, что бы он выделялся красным прямоугольником, а текст внутри становился белым. В общем сделать по аналогии с меню в Шапке сайта.

#13 Vaccina

Vaccina

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

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

Отправлено 29 Январь 2016 - 03:59

В style.css найдите:
.home #header {
	height: auto;
	text-align: left;
	background: none;
	z-index: 1000;
	width: 100% !important;
}

замените на:
.home #header {
	height: auto;
	text-align: left;
	background: none;
	z-index: 1000;
	width: 100% !important;
	font-weight: bold;
}

далее найдите:
.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover {
	display: inline-block;
	position: relative;
	color: #FF0302;
	padding: 0px 12px;
	margin: 0px;
	text-decoration: none;
	font: 12px/49px Calibri;
	text-transform: uppercase;
}

замените на:
.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover {
	display: inline-block;
	position: relative;
	color: #FF0302;
	padding: 0px 12px;
	margin: 0px;
	text-decoration: none;
	font:bold 12px/49px Calibri;
	text-transform: uppercase;
}
.infoBoxCategory a {
	color: red;
}

.infoBoxCategory li:hover {
	background:red;
}
.infoBoxCategory li:hover a {
	color: #fff;
}


#14 gtsound

gtsound

    Продвинутый пользователь

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

Отправлено 30 Январь 2016 - 00:44

Просмотр сообщенияVaccina (29 Январь 2016 - 03:59) писал:

В style.css найдите:
.home #header {
height: auto;
text-align: left;
background: none;
z-index: 1000;
width: 100% !important;
}

замените на:
.home #header {
height: auto;
text-align: left;
background: none;
z-index: 1000;
width: 100% !important;
font-weight: bold;
}

далее найдите:
.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover {
display: inline-block;
position: relative;
color: #FF0302;
padding: 0px 12px;
margin: 0px;
text-decoration: none;
font: 12px/49px Calibri;
text-transform: uppercase;
}

замените на:
.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover {
display: inline-block;
position: relative;
color: #FF0302;
padding: 0px 12px;
margin: 0px;
text-decoration: none;
font:bold 12px/49px Calibri;
text-transform: uppercase;
}
.infoBoxCategory a {
color: red;
}

.infoBoxCategory li:hover {
background:red;
}
.infoBoxCategory li:hover a {
color: #fff;
}

Просто отлично!!

Теперь следующее: Редактируем товары!!!

1. Картинки должны отображаться Без белой рамочки. Т.е. поле для картинки должно отсутствовать. А сама картинка просто без лишних полей должна существовать.
2. В товары-характеристики, все характеристики выделены белыми полями. Это требуется убрать
3. Убрать внизу С ЭТИМ ТОВАРОМ СМОТРЯТ


В предыдущем изменении - сейчас при заходе в какую нибудь категорию, в меню слева, выбранная категория отмечена серым прямоугольником с красным шрифтом внутри. А требовалось сделать что бы было выделение как в шапке : красный прямоугольник с белым шрифтом внутри

#15 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2016 - 01:07

1. В style.css найдите:
.img_middle_big div {
	display: table;
	width: 100%;
	height: 251px;
	border: 1px solid #BCBEC0;
	background: #FFF;
}

в нем удалите: background: #FFF;
2. В style.css найдите:
.value {
	background: #FFF;
	border-bottom: 10px solid #FFF;
}

в нем удалите: background: #FFF;
3. В шаблоне Товар найдите и удалите:
<!-- С этим товаром смотрят -->
	{% IFNOT related_views_goods_empty %}
	  <div class="carousel_also_purchased">
		<div class="header_also_purchased">
		  <h2>С этим товаром смотрят</h2>
		</div>
		<div id="also_purchased">
		  <ul>
			{% FOR related_views_goods %}<li class="main_general">
				<div class="product">
				  <div class="product-image-wrapper goods-cat-image-medium-square onhover">
					<a title="{related_views_goods.NAME}" href="{related_views_goods.URL_MIN_PRICE_NOW | url_amp}">
					  <img class="goods-cat-image-medium" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}" alt="" />
					</a>
				  </div>
				  <div class="wrapper-hover">
					<div class="product-name"><p title="{related_views_goods.NAME}" onclick="javascript:document.location.href='{related_views_goods.URL_MIN_PRICE_NOW | url_amp}'">{related_views_goods.NAME}</p></div>
					<div class="product-price">
					  <span class="new_price">{related_views_goods.MIN_PRICE_NOW | money_format}</span>
					  {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
					  <span class="old_price">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
					  {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
					  <span class="old_price">{related_views_goods.MIN_PRICE_OLD | money_format}</span>
					  {% ENDIF %}
					</div>
					<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_views_goods.MIN_PRICE_NOW_ID}">
					  <input type="hidden" name="hash" value="{HASH}" />
					  <input type="hidden" name="form[goods_from]" value="{related_views_goods.GOODS_FROM}" />
					  <input type="hidden" name="form[goods_mod_id]" value="{related_views_goods.MIN_PRICE_NOW_ID}" />
					  <a class="buy_button" onclick="quickorder('.product-form-{related_views_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
					  <!--a class="buy_button" onclick="$('.product-form-{related_views_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
					</form>
					<!-- Если есть возможность добавить товар в избранное -->
					{% IF related_views_goods.IS_HAS_IN_FAVORITES_LIST %}
					  <a class="wishlist add_to_wishlist_small_text added"
							data-action-is-add="0"
							data-action-add-url="{FAVORITES_ADD_URL}"
							data-action-delete-url="{FAVORITES_DELETE_URL}"
							data-action-add-title="Добавить «{related_views_goods.NAME}» в избранное"
							data-action-delete-title="Убрать «{related_views_goods.NAME}» из избранного"
							data-action-text-add="Добавить в избранное"
							data-action-text-delete="Удалить из избранного"
							title="Убрать «{related_views_goods.NAME}» из избранного"
							href="{FAVORITES_DELETE_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
					  >Удалить из избранного</a>
					{% ELSE %}
					  <a class="wishlist add_to_wishlist_small_text"
							data-action-is-add="1"
							data-action-add-url="{FAVORITES_ADD_URL}"
							data-action-delete-url="{FAVORITES_DELETE_URL}"
							data-action-add-title="Добавить «{related_views_goods.NAME}» в избранное"
							data-action-delete-title="Убрать «{related_views_goods.NAME}» из избранного"
							data-action-text-add="Добавить в избранное"
							data-action-text-delete="Удалить из избранного"
							title="Добавить «{related_views_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
					  >Добавить в избранное</a>
					{% ENDIF %}
					<!-- END Если есть возможность добавить товар в избранное -->
				   
					<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
					  {% IF related_views_goods.IS_HAS_IN_COMPARE_LIST %}
							<a class="compare add_to_compare_small_text added"
							  data-action-is-add="0"
							  data-action-add-url="{COMPARE_ADD_URL}"
							  data-action-delete-url="{COMPARE_DELETE_URL}"
							  data-action-add-title="Добавить «{related_views_goods.NAME}» в список сравнения с другими товарами"
							  data-action-delete-title="Убрать «{related_views_goods.NAME}» из списка сравнения с другими товарами"
							  data-action-text-add="Добавить к сравнению"
							  data-action-text-delete="Убрать из сравнения"
							  title="Убрать «{related_views_goods.NAME}» из списка сравнения с другими товарами"
							  href="{COMPARE_DELETE_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;from={related_views_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							>Убрать из сравнения</a>
					  {% ELSE %}
							<a class="compare add_to_compare_small_text"
							  data-action-is-add="1"
							  data-action-add-url="{COMPARE_ADD_URL}"
							  data-action-delete-url="{COMPARE_DELETE_URL}"
							  data-action-add-title="Добавить «{related_views_goods.NAME}» в список сравнения с другими товарами"
							  data-action-delete-title="Убрать «{related_views_goods.NAME}» из списка сравнения с другими товарами"
							  data-action-text-add="Добавить к сравнению"
							  data-action-text-delete="Убрать из сравнения"
							  title="Добавить «{related_views_goods.NAME}» в список сравнения с другими товарами"
							  href="{COMPARE_ADD_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;from={related_views_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							>Добавить к сравнению</a>
					  {% ENDIF %}
					{% ENDIF %}
					<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				  </div>
				</div>
			  </li>{% ENDFOR  %}
		  </ul>
		</div>
		<a href="#" class="jcarousel-control-prev"></a>
		<a href="#" class="jcarousel-control-next"></a>
	  </div>
	{% ENDIF %}
<!-- END С этим товаром смотрят -->


В style.css найдите:
.accordion a.selected {
	background: #AAA;
}

замените на:
.accordion a.selected {
	background: red;
}


#16 gtsound

gtsound

    Продвинутый пользователь

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

Отправлено 30 Январь 2016 - 23:46

Просмотр сообщенияVaccina (30 Январь 2016 - 01:07) писал:

1. В style.css найдите:
.img_middle_big div {
display: table;
width: 100%;
height: 251px;
border: 1px solid #BCBEC0;
background: #FFF;
}

в нем удалите: background: #FFF;
2. В style.css найдите:
.value {
background: #FFF;
border-bottom: 10px solid #FFF;
}

в нем удалите: background: #FFF;
3. В шаблоне Товар найдите и удалите:
<!-- С этим товаром смотрят -->
{% IFNOT related_views_goods_empty %}
	 <div class="carousel_also_purchased">
	 <div class="header_also_purchased">
		 <h2>С этим товаром смотрят</h2>
	 </div>
	 <div id="also_purchased">
		 <ul>
		 {% FOR related_views_goods %}<li class="main_general">
			 <div class="product">
				 <div class="product-image-wrapper goods-cat-image-medium-square onhover">
				 <a title="{related_views_goods.NAME}" href="{related_views_goods.URL_MIN_PRICE_NOW | url_amp}">
					 <img class="goods-cat-image-medium" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}" alt="" />
				 </a>
				 </div>
				 <div class="wrapper-hover">
				 <div class="product-name"><p title="{related_views_goods.NAME}" onclick="javascript:document.location.href='{related_views_goods.URL_MIN_PRICE_NOW | url_amp}'">{related_views_goods.NAME}</p></div>
				 <div class="product-price">
					 <span class="new_price">{related_views_goods.MIN_PRICE_NOW | money_format}</span>
					 {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
					 <span class="old_price">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
					 {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
					 <span class="old_price">{related_views_goods.MIN_PRICE_OLD | money_format}</span>
					 {% ENDIF %}
				 </div>
				 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_views_goods.MIN_PRICE_NOW_ID}">
					 <input type="hidden" name="hash" value="{HASH}" />
					 <input type="hidden" name="form[goods_from]" value="{related_views_goods.GOODS_FROM}" />
					 <input type="hidden" name="form[goods_mod_id]" value="{related_views_goods.MIN_PRICE_NOW_ID}" />
					 <a class="buy_button" onclick="quickorder('.product-form-{related_views_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
					 <!--a class="buy_button" onclick="$('.product-form-{related_views_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
				 </form>
				 <!-- Если есть возможность добавить товар в избранное -->
				 {% IF related_views_goods.IS_HAS_IN_FAVORITES_LIST %}
					 <a class="wishlist add_to_wishlist_small_text added"
						 data-action-is-add="0"
						 data-action-add-url="{FAVORITES_ADD_URL}"
						 data-action-delete-url="{FAVORITES_DELETE_URL}"
						 data-action-add-title="Добавить «{related_views_goods.NAME}» в избранное"
						 data-action-delete-title="Убрать «{related_views_goods.NAME}» из избранного"
						 data-action-text-add="Добавить в избранное"
						 data-action-text-delete="Удалить из избранного"
						 title="Убрать «{related_views_goods.NAME}» из избранного"
						 href="{FAVORITES_DELETE_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
					 >Удалить из избранного</a>
				 {% ELSE %}
					 <a class="wishlist add_to_wishlist_small_text"
						 data-action-is-add="1"
						 data-action-add-url="{FAVORITES_ADD_URL}"
						 data-action-delete-url="{FAVORITES_DELETE_URL}"
						 data-action-add-title="Добавить «{related_views_goods.NAME}» в избранное"
						 data-action-delete-title="Убрать «{related_views_goods.NAME}» из избранного"
						 data-action-text-add="Добавить в избранное"
						 data-action-text-delete="Удалить из избранного"
						 title="Добавить «{related_views_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
					 >Добавить в избранное</a>
				 {% ENDIF %}
				 <!-- END Если есть возможность добавить товар в избранное -->
				
				 <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
					 {% IF related_views_goods.IS_HAS_IN_COMPARE_LIST %}
						 <a class="compare add_to_compare_small_text added"
							 data-action-is-add="0"
							 data-action-add-url="{COMPARE_ADD_URL}"
							 data-action-delete-url="{COMPARE_DELETE_URL}"
							 data-action-add-title="Добавить «{related_views_goods.NAME}» в список сравнения с другими товарами"
							 data-action-delete-title="Убрать «{related_views_goods.NAME}» из списка сравнения с другими товарами"
							 data-action-text-add="Добавить к сравнению"
							 data-action-text-delete="Убрать из сравнения"
							 title="Убрать «{related_views_goods.NAME}» из списка сравнения с другими товарами"
							 href="{COMPARE_DELETE_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;from={related_views_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						 >Убрать из сравнения</a>
					 {% ELSE %}
						 <a class="compare add_to_compare_small_text"
							 data-action-is-add="1"
							 data-action-add-url="{COMPARE_ADD_URL}"
							 data-action-delete-url="{COMPARE_DELETE_URL}"
							 data-action-add-title="Добавить «{related_views_goods.NAME}» в список сравнения с другими товарами"
							 data-action-delete-title="Убрать «{related_views_goods.NAME}» из списка сравнения с другими товарами"
							 data-action-text-add="Добавить к сравнению"
							 data-action-text-delete="Убрать из сравнения"
							 title="Добавить «{related_views_goods.NAME}» в список сравнения с другими товарами"
							 href="{COMPARE_ADD_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;from={related_views_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						 >Добавить к сравнению</a>
					 {% ENDIF %}
				 {% ENDIF %}
				 <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				 </div>
			 </div>
			 </li>{% ENDFOR %}
		 </ul>
	 </div>
	 <a href="#" class="jcarousel-control-prev"></a>
	 <a href="#" class="jcarousel-control-next"></a>
	 </div>
{% ENDIF %}
<!-- END С этим товаром смотрят -->


В style.css найдите:
.accordion a.selected {
background: #AAA;
}

замените на:
.accordion a.selected {
background: red;
}

получилось, только в красном прямоугольник - красные буквы, а нужно что бы были белые.


Далее:

В товарах, где пункты Характеристики, описание и т.д. - есть широкая белая полоса. ее нужно убрать вообще.

#17 RedHead

RedHead

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

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

Отправлено 31 Январь 2016 - 10:08

Просмотр сообщенияgtsound (30 Январь 2016 - 23:46) писал:

получилось, только в красном прямоугольник - красные буквы, а нужно что бы были белые.
Далее:
В товарах, где пункты Характеристики, описание и т.д. - есть широкая белая полоса. ее нужно убрать вообще.

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

1) Чтобы убрать белую полосу, в шаблоне style.css удалите строку
.htabs {background-color: #F5F5F5;}

2) Не уверена, что поняла Вас правильно про красный прямоугольник с красными буквами. Нашла такой только в каталоге слева:

1.jpg

Чтобы заменить цвет букв, в шаблоне style.css после строки:

.infoBoxCategory a {
	 color: red;
}

вставьте:

.infoBoxCategory a.selected {
color: #fff;
}


#18 gtsound

gtsound

    Продвинутый пользователь

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

Отправлено 31 Январь 2016 - 13:11

Просмотр сообщенияRedHead (31 Январь 2016 - 10:08) писал:

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

1) Чтобы убрать белую полосу, в шаблоне style.css удалите строку
.htabs {background-color: #F5F5F5;}

2) Не уверена, что поняла Вас правильно про красный прямоугольник с красными буквами. Нашла такой только в каталоге слева:

Прикрепленный файл 1.jpg

Чтобы заменить цвет букв, в шаблоне style.css после строки:

.infoBoxCategory a {
	 color: red;
}

вставьте:

.infoBoxCategory a.selected {
color: #fff;
}

Да, поняли вы именя именно так. Спасибо.

1.Кстати, не пропали белые выделения на странице товара в пункте Характеристики.

2.Так же требуется убрать от картинки вообще рамочку

3. Доп.картинки маленькие, требуется перенести так, что бы они располагались права от большой картинки. так же без белых полей и рамочки.

Я просто позже сделаю PNG картинки и будет круто)

Прикрепленные изображения

  • 1111.jpg


#19 RedHead

RedHead

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

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

Отправлено 31 Январь 2016 - 16:37

Просмотр сообщенияgtsound (31 Январь 2016 - 13:11) писал:

Да, поняли вы именя именно так. Спасибо.
1.Кстати, не пропали белые выделения на странице товара в пункте Характеристики.
2.Так же требуется убрать от картинки вообще рамочку
3. Доп.картинки маленькие, требуется перенести так, что бы они располагались права от большой картинки. так же без белых полей и рамочки.
Я просто позже сделаю PNG картинки и будет круто)

В шаблоне style.css замените строку (рамка вокруг характеристик):
.tab-content {position: relative;z-index: 5;overflow: hidden; margin-bottom: 25px;padding: 20px;border-top: 5px solid #FF0000;border-right: solid 1px #ccc;border-left: solid 1px #ccc;border-bottom: solid 1px #ccc;}
на:
.tab-content {position: relative;z-index: 5;overflow: hidden; margin-bottom: 25px;padding: 20px;border-top: 5px solid #FF0000;border-bottom: solid 1px #ccc;}

затем удалите строку:
.value{border-bottom: 10px solid #fff;}

строку
.img_middle_big div {display:table;width: 100%; height:251px; border: 1px solid #bcbec0;}
замените на:
.img_middle_big div {display:table;width: 100%; height:251px;}

строку
.img_middle_small {display:table; width:60px; height:60px; margin:0; float:left; border: 1px solid #bcbec0; margin: 0 8px 9px 0; background: #fff;}
замените на:
.img_middle_small {display:table; width:60px; height:60px; margin:0; float:left; margin: 0 8px 9px 0; background: #fff;}

удалите строку:
.game_img_selected {border:1px solid #fff;}


Далее в шаблоне ТОВАР замените блок кода:
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	 {% IFNOT goods_images_empty %}
	 {% FOR goods_images %}
		 {% IF goods_images.length>1 %}
		 {% IF goods_images.first %}
			 <div class="photos" id="product_images_small_photos">
		 {% ENDIF %}
			 <div class="img_middle_small">
				 <div>
				 <a href="{goods_images.MEDIUM}" target="_blank"><img class="game_img_selected" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
			 </div>
			 </div>
			 {% IF goods_images.last %}
			 <div class="clear"></div>
			 </div>
		 {% ENDIF %}
		 {% ENDIF %}
	 {% ENDFOR %}
	 {% ENDIF %}
	
</div>
на:
</div>
<div class="product_pic_small">
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	 {% IFNOT goods_images_empty %}
	 {% FOR goods_images %}
		 {% IF goods_images.length>1 %}
		 {% IF goods_images.first %}
			 <div class="photos" id="product_images_small_photos">
		 {% ENDIF %}
			 <div class="img_middle_small">
				 <div>
				 <a href="{goods_images.MEDIUM}" target="_blank"><img class="game_img_selected" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
			 </div>
			 </div>
			 {% IF goods_images.last %}
			 <div class="clear"></div>
			 </div>
		 {% ENDIF %}
		 {% ENDIF %}
	 {% ENDFOR %}
	 {% ENDIF %}
	 </div>

в конец style.css добавьте:
.product_pic_small{margin-left: 30px;float: left;width: 15%;padding-bottom:10px}

в этом же шаблоне строку:
.product_info_wrapper{margin-left: 30px;float: left;width: 50%;padding-bottom:10px}
замените на:
.product_info_wrapper{margin-left: 10px;float: left;width: 45%;padding-bottom:10px}

удалите строку
.photos {padding:15px 0 0 0;}

1.jpg

#20 gtsound

gtsound

    Продвинутый пользователь

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

Отправлено 02 Февраль 2016 - 00:34

Просмотр сообщенияRedHead (31 Январь 2016 - 16:37) писал:

В шаблоне style.css замените строку (рамка вокруг характеристик):
.tab-content {position: relative;z-index: 5;overflow: hidden; margin-bottom: 25px;padding: 20px;border-top: 5px solid #FF0000;border-right: solid 1px #ccc;border-left: solid 1px #ccc;border-bottom: solid 1px #ccc;}
на:
.tab-content {position: relative;z-index: 5;overflow: hidden; margin-bottom: 25px;padding: 20px;border-top: 5px solid #FF0000;border-bottom: solid 1px #ccc;}

затем удалите строку:
.value{border-bottom: 10px solid #fff;}

строку
.img_middle_big div {display:table;width: 100%; height:251px; border: 1px solid #bcbec0;}
замените на:
.img_middle_big div {display:table;width: 100%; height:251px;}

строку
.img_middle_small {display:table; width:60px; height:60px; margin:0; float:left; border: 1px solid #bcbec0; margin: 0 8px 9px 0; background: #fff;}
замените на:
.img_middle_small {display:table; width:60px; height:60px; margin:0; float:left; margin: 0 8px 9px 0; background: #fff;}

удалите строку:
.game_img_selected {border:1px solid #fff;}


Далее в шаблоне ТОВАР замените блок кода:
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	 {% IFNOT goods_images_empty %}
	 {% FOR goods_images %}
		 {% IF goods_images.length>1 %}
		 {% IF goods_images.first %}
			 <div class="photos" id="product_images_small_photos">
		 {% ENDIF %}
			 <div class="img_middle_small">
				 <div>
				 <a href="{goods_images.MEDIUM}" target="_blank"><img class="game_img_selected" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
			 </div>
			 </div>
			 {% IF goods_images.last %}
			 <div class="clear"></div>
			 </div>
		 {% ENDIF %}
		 {% ENDIF %}
	 {% ENDFOR %}
	 {% ENDIF %}
	
</div>
на:
</div>
<div class="product_pic_small">
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
	 {% IFNOT goods_images_empty %}
	 {% FOR goods_images %}
		 {% IF goods_images.length>1 %}
		 {% IF goods_images.first %}
			 <div class="photos" id="product_images_small_photos">
		 {% ENDIF %}
			 <div class="img_middle_small">
				 <div>
				 <a href="{goods_images.MEDIUM}" target="_blank"><img class="game_img_selected" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
			 </div>
			 </div>
			 {% IF goods_images.last %}
			 <div class="clear"></div>
			 </div>
		 {% ENDIF %}
		 {% ENDIF %}
	 {% ENDFOR %}
	 {% ENDIF %}
	 </div>

в конец style.css добавьте:
.product_pic_small{margin-left: 30px;float: left;width: 15%;padding-bottom:10px}

в этом же шаблоне строку:
.product_info_wrapper{margin-left: 30px;float: left;width: 50%;padding-bottom:10px}
замените на:
.product_info_wrapper{margin-left: 10px;float: left;width: 45%;padding-bottom:10px}

удалите строку
.photos {padding:15px 0 0 0;}

Прикрепленный файл 1.jpg

Нет, изображения так и не отображаются справа от большого




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

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