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


Помогите Изменить Главную Страницу По Картинке

главная

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

#21 pavela

pavela

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

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

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

Танцую румбу как и обещал!!!!!!!!!))))))))))

Готовлюсь к танго))) если получится разобраться так же оперативно с карточкой товара - создал один товар - Каталог-Кофемашины - Delongi.
И сразу несколько вопросов.
1. Как можно создать подпункт "Доставка" - и туда переместить - условия доставки?
2. Как создать подпункт "Характеристики" - и туда заполнять технические характеристики товара?

ПС - сейчас описание и характеристики идут в одном разделе и почему то смещены вниз

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

  • 987654.jpg
  • 987654321.jpg


#22 MikDark

MikDark

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

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

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

Просмотр сообщенияpavela (19 Июль 2016 - 19:48) писал:

Танцую румбу как и обещал!!!!!!!!!))))))))))

Готовлюсь к танго))) если получится разобраться так же оперативно с карточкой товара - создал один товар - Каталог-Кофемашины - Delongi.
И сразу несколько вопросов.
1. Как можно создать подпункт "Доставка" - и туда переместить - условия доставки?
2. Как создать подпункт "Характеристики" - и туда заполнять технические характеристики товара?

ПС - сейчас описание и характеристики идут в одном разделе и почему то смещены вниз

1) В шаблоне Товар Вам нужно после кода:
<!-- Если подключен модуль отзывов о товарах -->
	{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
	  <a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a>
	{% ENDIF %}

добавить:
	  <a href="javascript:tabSwitch(5);" id="tab_5">Отзывы</a>

Далее удалите код:
<!-- Блок описания вариантов доставки -->
	  <div class="span12">
		<h4>Условия доставки</h4>
		{% FOR goods_delivery %}
		  <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
		  <div class="span12" >
			<p style="color: #333;">{goods_delivery.DESC}</p>
			{% IF goods_delivery.rules_empty %}
			  {% IF goods_delivery.PRICE=0 %}
				<strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
			  {% ELSE %}
				Стоимость доставки: {goods_delivery.PRICE | money_format}</span>
			  {% ENDIF %}
			{% ELSE %}
			  <table class="table">
				<thead>
				  <tr>
					<td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
				  </tr>
				</thead>
				<tbody style="color: #333;">
				  {% FOR rules %}
					<tr>
					  <td>Для заказов больше {goods_delivery.rules.SUM_MORE_PRICE | money_format} - доставка {goods_delivery.rules.PRICE | money_format}</td>
					</tr>
				  {% ENDFOR %}
				  <tr>
					<td>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format} - доставка {goods_delivery.PRICE | money_format}</td>
				  </tr>
				</tbody>
			  </table>
			{% ENDIF %}
		  </div>
		{% ENDFOR %}
	  </div>
	  <!-- /Блок описания вариантов доставки -->

и после кода:
		  </div>
		{% ENDIF %}
		<!-- END Полное SEO-описание --> 
	  </div>
	</div>
  {% ENDIF %}

вставьте:
<div id="content_5" class="tab-content">
<!-- Блок описания вариантов доставки -->
	  <div class="span12">
		<h4>Условия доставки</h4>
		{% FOR goods_delivery %}
		  <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
		  <div class="span12" >
			<p style="color: #333;">{goods_delivery.DESC}</p>
			{% IF goods_delivery.rules_empty %}
			  {% IF goods_delivery.PRICE=0 %}
				<strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
			  {% ELSE %}
				Стоимость доставки: {goods_delivery.PRICE | money_format}</span>
			  {% ENDIF %}
			{% ELSE %}
			  <table class="table">
				<thead>
				  <tr>
					<td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
				  </tr>
				</thead>
				<tbody style="color: #333;">
				  {% FOR rules %}
					<tr>
					  <td>Для заказов больше {goods_delivery.rules.SUM_MORE_PRICE | money_format} - доставка {goods_delivery.rules.PRICE | money_format}</td>
					</tr>
				  {% ENDFOR %}
				  <tr>
					<td>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format} - доставка {goods_delivery.PRICE | money_format}</td>
				  </tr>
				</tbody>
			  </table>
			{% ENDIF %}
		  </div>
		{% ENDFOR %}
	  </div>
	  <!-- /Блок описания вариантов доставки -->
</div>

Далее в main.css найдите код:
#content_2, #content_3, #content_4 {
	display: none;
}

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

#content_2, #content_3, #content_4, #content_5 {
	display: none;
}

2) Чтобы появилась вкладка Характеристики, Вам нужно из добавить у товара. Данный блок находится при редактировании/создании товара под полем описания.

#23 pavela

pavela

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

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

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

Про характеристики понял - спасибо.

1. а вот со вкладкой "ОПИСАНИЕ" - так и осталась беда - может я что то лишнее удалил?
2. и со вкладкой "ДОСТАВКА" тоже беда - она не появилась((( опять где то я не то сделал?

#24 Vaccina

Vaccina

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

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

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

Обновите пожалуйста номер аккаунта в профиле форума.

В шаблоне Товар найдите:
<!-- Если подключен модуль отзывов о товарах -->
{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
	 <a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a>
{% ENDIF %}

замените на:
<a href="javascript:tabSwitch(4);" id="tab_4">Условия доставки</a>

<!-- Если подключен модуль отзывов о товарах -->
{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
	 <a href="javascript:tabSwitch(5);" id="tab_5">Отзывы</a>
{% ENDIF %}

Далее найдите и удалите:
<!-- Блок описания вариантов доставки -->
	 <div class="span12">
	 <h4>Условия доставки</h4>
	 {% FOR goods_delivery %}
		 <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
		 <div class="span12" >
		 <p style="color: #333;">{goods_delivery.DESC}</p>
		 {% IF goods_delivery.rules_empty %}
			 {% IF goods_delivery.PRICE=0 %}
			 <strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
			 {% ELSE %}
			 Стоимость доставки: {goods_delivery.PRICE | money_format}</span>
			 {% ENDIF %}
		 {% ELSE %}
			 <table class="table">
			 <thead>
				 <tr>
				 <td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
				 </tr>
			 </thead>
			 <tbody style="color: #333;">
				 {% FOR rules %}
				 <tr>
					 <td>Для заказов больше {goods_delivery.rules.SUM_MORE_PRICE | money_format} - доставка {goods_delivery.rules.PRICE | money_format}</td>
				 </tr>
				 {% ENDFOR %}
				 <tr>
				 <td>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format} - доставка {goods_delivery.PRICE | money_format}</td>
				 </tr>
			 </tbody>
			 </table>
		 {% ENDIF %}
		 </div>
	 {% ENDFOR %}
	 </div>
	 <!-- /Блок описания вариантов доставки -->

далее найдите:
<!-- Если в тарифном плане подключен модуль отзывов о товаре -->
{% IF TARIFF_FEATURE_GOODS_OPINION %}
<!-- Если не выключен модуль отзывов о товаре -->
{% IFNOT SETTINGS_OPINION_DISABLE %}
	 <div id="content_4" class="tab-content">

замените на:
<div id="content_4" class="tab-content">
<!-- Блок описания вариантов доставки -->
	 <div class="span12">
	 <h4>Условия доставки</h4>
	 {% FOR goods_delivery %}
		 <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
		 <div class="span12" >
		 <p style="color: #333;">{goods_delivery.DESC}</p>
		 {% IF goods_delivery.rules_empty %}
			 {% IF goods_delivery.PRICE=0 %}
			 <strong class="black">Стоимость доставки: {goods_delivery.PRICE | money_format}</strong>
			 {% ELSE %}
			 Стоимость доставки: {goods_delivery.PRICE | money_format}</span>
			 {% ENDIF %}
		 {% ELSE %}
			 <table class="table">
			 <thead>
				 <tr>
				 <td><h5>Стоимость доставки зависит от суммы заказа</h5></td>
				 </tr>
			 </thead>
			 <tbody style="color: #333;">
				 {% FOR rules %}
				 <tr>
					 <td>Для заказов больше {goods_delivery.rules.SUM_MORE_PRICE | money_format} - доставка {goods_delivery.rules.PRICE | money_format}</td>
				 </tr>
				 {% ENDFOR %}
				 <tr>
				 <td>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format} - доставка {goods_delivery.PRICE | money_format}</td>
				 </tr>
			 </tbody>
			 </table>
		 {% ENDIF %}
		 </div>
	 {% ENDFOR %}
	 </div>
	 <!-- /Блок описания вариантов доставки -->
</div>
<!-- Если в тарифном плане подключен модуль отзывов о товаре -->
{% IF TARIFF_FEATURE_GOODS_OPINION %}
<!-- Если не выключен модуль отзывов о товаре -->
{% IFNOT SETTINGS_OPINION_DISABLE %}
	 <div id="content_5" class="tab-content">

Результат:
123.jpg

#25 pavela

pavela

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

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

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

Ох как я рад как я рад!
Все получается как хочется это супер!!! Спасибо.

Еще небольшой вопрос<p>
1. как можно поменять когда заходишь" Главная" - "Каталог" - "Любая категория товаров" , чтобы Блок - "<span style="color: #333333">

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

  • 11.jpg
  • 12.jpg
  • 13.jpg


#26 Vaccina

Vaccina

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

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

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

Уточнит пожалуйста, у вас сообщение не дописано? Ощущение, будто оно обрывается.

#27 pavela

pavela

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

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

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

Просмотр сообщенияVaccina (21 Июль 2016 - 01:03) писал:

Уточнит пожалуйста, у вас сообщение не дописано? Ощущение, будто оно обрывается.

Вот блин. Целый день потерял из-за своей невнимательности((((

Да увы почему отправилось не все сообщение, но я попробую его восстановить.
"
1. как можно поменять когда заходишь" Главная" - "Каталог" -  "Любая категория товаров" , чтобы Блок "Текстовое описание товарной категории" было внизу страницы после блока "Сортировка товаров" и блока " Товаров" - см. фото 11. ( и так во всех категориях - даже в тех которые я еще не создал)

2. Блок (вкладка) "Условия доставки" - в карточке товара - где менять? и как менять? - см. фото 12

3. Как можно выровнять номер телефона в шапке по центру и так же "обратный звонок" выровнять по центру относительно самого номера телефона - см. фото 13

спасибо

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

  • 11.jpg
  • 12.jpg
  • 13.jpg


#28 MikDark

MikDark

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

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

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

Просмотр сообщенияpavela (21 Июль 2016 - 22:45) писал:

Вот блин. Целый день потерял из-за своей невнимательности((((

Да увы почему отправилось не все сообщение, но я попробую его восстановить.
"
1. как можно поменять когда заходишь" Главная" - "Каталог" -  "Любая категория товаров" , чтобы Блок "Текстовое описание товарной категории" было внизу страницы после блока "Сортировка товаров" и блока " Товаров" - см. фото 11. ( и так во всех категориях - даже в тех которые я еще не создал)

2. Блок (вкладка) "Условия доставки" - в карточке товара - где менять? и как менять? - см. фото 12

3. Как можно выровнять номер телефона в шапке по центру и так же "обратный звонок" выровнять по центру относительно самого номера телефона - см. фото 13

спасибо

1) В шаблоне Товары Вам нужно вырезать код:
{% IF CATEGORY_DESCRIPTION || CATEGORY_SEO_DESCRIPTION_SHORT || CATEGORY_SEO_DESCRIPTION_LARGE %}
	<div class="box htmlDataBlock">
	  <div class="box-content">
		{% IF CATEGORY_DESCRIPTION %}
		  {CATEGORY_DESCRIPTION}
		{% ENDIF %}
	   
		<!-- Короткое SEO описание категории -->
		{% IF CATEGORY_SEO_DESCRIPTION_SHORT %}
		  {CATEGORY_SEO_DESCRIPTION_SHORT}
		{% ENDIF %}
	   
		{% IF CATEGORY_SEO_DESCRIPTION_LARGE %}
		  {CATEGORY_SEO_DESCRIPTION_LARGE}
		{% ENDIF %}
	  </div>
	</div>
  {% ENDIF %}

и вставить его после кода:
  <!-- Ссылки постраничной навигации для бесконечного скролла -->
  <div style="display: none;" class="infinitescroll-pages">
	{% FOR goods_pages %}
	  {% IF goods_pages.CURRENT %}
		<b>{goods_pages.PAGE}</b>
	  {% ELSE %}
		<a href="{GOODS_PAGINATE_URL | url_amp}&only_body=1&page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
	  {% ENDIF %}
	{% ENDFOR %}
  </div>
  <!-- /Ссылки постраничной навигации для бесконечного скролла -->

2) Они выставляются согласно настройкам, выставленным в разделе Настройки - Доставка
3) В шаблоне main.css найдите код:
#header #support a.callback {
	color: #ff0552;
	font-size: 17px;
	position: absolute;
}

и замените его на:
#header #support a.callback {
	color: #ff0552;
	font-size: 17px;
	position: absolute;
	width: 170px;
	text-align: center;
}


#29 pavela

pavela

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

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

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

Спасибо большое!
Начну наполнять сайт !)

#30 pavela

pavela

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

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

Отправлено 12 Август 2016 - 15:55

Здравствуйте еще раз.
Помогите пожалуйста решить следующие задачи в соответствии со скриншотом 1201:

1. убрать верхнюю розовую полоску полностью.
2. Поменять цвет горизонтального меню с серого на Голубой соответствующий RGB 130/130/191
3. Сделать значек корзины с розового на зеленый RGB 196/217/46

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

  • 1201.jpg


#31 Lubka

Lubka

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

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

Отправлено 12 Август 2016 - 16:09

Просмотр сообщенияpavela (12 Август 2016 - 15:55) писал:

Здравствуйте еще раз.
Помогите пожалуйста решить следующие задачи в соответствии со скриншотом 1201:

1. убрать верхнюю розовую полоску полностью.
2. Поменять цвет горизонтального меню с серого на Голубой соответствующий RGB 130/130/191
3. Сделать значек корзины с розового на зеленый RGB 196/217/46
Здравствуйте!
1) В разделе Сайт-Редактор шаблонов-файл main.css найдите строки кода №101:
#header {position: relative;z-index: 99;background-color:#ffffff;border-top:3px solid #ff0551;}
и замените на
#header {position: relative;z-index: 99;background-color:#ffffff;}
2) далее строку №104:
.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:#f5f5f5;}
и замените на
.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:#8282bf;}
3) найдите строку №119:
#header #cart .cart_circle {display:block;width:36px;height:36px;background:url('{ASSETS_IMAGES_PATH}cart_circle.png?design=spring') 50% 50% no-repeat;background-color:#ff0551;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position:absolute;top:3px;right:0;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;cursor:pointer;}
и замените на
#header #cart .cart_circle {display:block;width:36px;height:36px;background:url('{ASSETS_IMAGES_PATH}cart_circle.png?design=spring') 50% 50% no-repeat;background-color:#c4d92e;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position:absolute;top:3px;right:0;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;cursor:pointer;}


#32 pavela

pavela

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

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

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

Спасибо. Все получилось!

Можно попросить решить следующие задачи в соответствии со скриншотом 1202.
1. Убрать Синюю полосу шапки, чтобы она не выходила за пределы левого и правого бока, т.е. чтобы слева начиналась как блок каталог а справа заканчивалась где заканчивается банер.
2. Поменять цвет надписи в горизонтальном меню с черного на белый (сами буквы чтобы были белые)
3. убрать надпись - Обратный звонок в шапке сайта (пока не планируем пользоваться данной функцией).
4. Поменять цвет с розового на зеленый - RGB 196/217/46

#33 Danil

Danil

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

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

Отправлено 12 Август 2016 - 17:22

Просмотр сообщенияpavela (12 Август 2016 - 17:13) писал:

Спасибо. Все получилось!

Можно попросить решить следующие задачи в соответствии со скриншотом 1202.
1. Убрать Синюю полосу шапки, чтобы она не выходила за пределы левого и правого бока, т.е. чтобы слева начиналась как блок каталог а справа заканчивалась где заканчивается банер.
2. Поменять цвет надписи в горизонтальном меню с черного на белый (сами буквы чтобы были белые)
3. убрать надпись - Обратный звонок в шапке сайта (пока не планируем пользоваться данной функцией).
4. Поменять цвет с розового на зеленый - RGB 196/217/46
Здравствуйте.
1) В main.css найдите код
#header {
	position: relative;
	z-index: 99;
	background-color: #ffffff;
}
и замените на
#header {
	position: relative;
	z-index: 99;
	background-color: #ffffff;
	max-width: 1200px;
	margin: 0 auto;
}
2) В main.css найдите код
#header .links a {
	float: left;
	display: block;
	padding: 11px 10px 9px 10px;
	text-decoration: none;
	font-size: 18px;
}
и замените на
#header .links a {
	float: left;
	display: block;
	padding: 11px 10px 9px 10px;
	text-decoration: none;
	font-size: 18px;
	color: #fff;
}
3) В main.css найдите код
#header #support a.callback {
	color: #ff0552;
	font-size: 17px;
	position: absolute;
	width: 170px;
	text-align: center;
}
и замените на
#header #support a.callback {
	color: #ff0552;
	font-size: 17px;
	position: absolute;
	width: 170px;
	text-align: center;
	display: none;
} 
4) В main.css с помощью поиска по коду ctrl + f, найдите код розового цвета #ff0551 и замените на новый.

#34 pavela

pavela

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

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

Отправлено 12 Август 2016 - 19:03

Спасибо еще раз! Все сделал. Только видимо перестарался))))

Могли бы вы мне помочь скорректировать вот еще что (см. скриншот 1203)
1. При наведении курсора на горизонтальное меню, чтобы оно подсвечивалось не былым цветом (потому что на нем теряется белый шрифт) а синим цветом -  #0f93ff
2. При наведении на текст(ссылка) корзина или в нижнем меню - оно подсвечивалось розовым цветом и было понятно, что курсор наведен именно на эту часть, но видимо я тоже что лишнее поменял) можно вернуть обратно розовый цвет ff0551
3. Пропал значек корзины))) как его можно вернуть в зеленом цвете?
4. Как перекрасить все кнопки вертикального меню (все категории товара) в голубой цвет #c5c5e0
Спасибо

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

  • 1203.jpg


#35 Lubka

Lubka

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

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

Отправлено 12 Август 2016 - 23:51

Просмотр сообщенияpavela (12 Август 2016 - 19:03) писал:

Спасибо еще раз! Все сделал. Только видимо перестарался))))

Могли бы вы мне помочь скорректировать вот еще что (см. скриншот 1203)
1. При наведении курсора на горизонтальное меню, чтобы оно подсвечивалось не былым цветом (потому что на нем теряется белый шрифт) а синим цветом -  #0f93ff
2. При наведении на текст(ссылка) корзина или в нижнем меню - оно подсвечивалось розовым цветом и было понятно, что курсор наведен именно на эту часть, но видимо я тоже что лишнее поменял) можно вернуть обратно розовый цвет ff0551
3. Пропал значек корзины))) как его можно вернуть в зеленом цвете?
4. Как перекрасить все кнопки вертикального меню (все категории товара) в голубой цвет
#c5c5e0
Спасибо
1) Все изменения производим в файле main.css
найдите строчку №167:
#header .links a:hover, #header .links a.selected {background-color:#ffffff;padding:11px 10px 9px 10px;}
и замените ее на строчку:
#header .links a:hover, #header .links a.selected {background-color: #0f93ff;padding:11px 10px 9px 10px;}
2) далее строку №7:
a:hover{ text-decoration:underline; color:###c4d92e;  }
замените на строку:
a:hover{ text-decoration:underline; color:#ff0551;  }
3) найдите строчку №119:
#header #cart .cart_circle {display:block;width:36px;height:36px;background:url('{ASSETS_IMAGES_PATH}cart_circle.png?design=spring') 50% 50% no-repeat;background-color:###c4d92e;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position:absolute;top:3px;right:0;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;cursor:pointer;}
и исправьте ее на строчку:
#header #cart .cart_circle {display:block;width:36px;height:36px;background:url('{ASSETS_IMAGES_PATH}cart_circle.png?design=spring') 50% 50% no-repeat;background-color:#c4d92e;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position:absolute;top:3px;right:0;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;cursor:pointer;}
4) строчку №227:
.accordion li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;display: block; position:relative;}
замените на строчку:
.accordion li { background: #c5c5e0; cursor: pointer; list-style-type: none; padding: 0; margin: 0;display: block; position:relative;}


#36 pavela

pavela

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

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

Отправлено 13 Август 2016 - 23:32

Класс. Все получается как хочется! Спасибо!

Помогите пожалуйста внести еще небольшие изменения в соответствии со скриншотом (1301):

1. Обрезать серую полоску слева и справа по границам верхнего горизонтального меню.

2. Сократить толщину (высоту - не знаю как правильно сказать) серой полоски, чтобы она была максимально узкой (по границам шрифта)

3. Сократить меж строчный интервал между строчкой навигации (путь) и названием раздела (где прописывается сколько товаров в категории)

4. Сделать высоту шрифта названии раздела (где прописывается сколько товаров в категории) в данном примере надпись - ДЛЯ ДЕВОЧЕК (16 товаров в категории), таким же по размеру как и путь (в моем примере - главная - каталог - для девочек ) - и чтобы это соответственно поменялось для всех разделов.

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

  • 1301.jpg


#37 Danil

Danil

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

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

Отправлено 15 Август 2016 - 10:34

Просмотр сообщенияpavela (13 Август 2016 - 23:32) писал:

Класс. Все получается как хочется! Спасибо!

Помогите пожалуйста внести еще небольшие изменения в соответствии со скриншотом (1301):

1. Обрезать серую полоску слева и справа по границам верхнего горизонтального меню.

2. Сократить толщину (высоту - не знаю как правильно сказать) серой полоски, чтобы она была максимально узкой (по границам шрифта)

3. Сократить меж строчный интервал между строчкой навигации (путь) и названием раздела (где прописывается сколько товаров в категории)

4. Сделать высоту шрифта названии раздела (где прописывается сколько товаров в категории) в данном примере надпись - ДЛЯ ДЕВОЧЕК (16 товаров в категории), таким же по размеру как и путь (в моем примере - главная - каталог - для девочек ) - и чтобы это соответственно поменялось для всех разделов.
Здравствуйте.
1-2) В main.css найдите код
.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png?design=spring') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:13px 0 15px 0;clear:both;  }
и замените на

.title-holder {background:url('{ASSETS_IMAGES_PATH}inner_shadow2.png?design=spring') 50% 3px no-repeat;background-color:#f1f1f1;border-bottom:1px solid #e9e9e9;position:relative;overflow:hidden;z-index:0;padding:0 0 0 0;clear:both;margin: 0 auto;max-width:1200px;  }
.title-holder .inner {padding: 0px 10px;}
3-4) В main.css найдите код

.breadcrumb {color: #777777;margin-bottom: 5px;font-size: 10px;}
и замените на

.breadcrumb {color: #777777;font-size: 10px;}
.title-holder h1.heading_title {line-height:32px;font-size:10px;}


#38 pavela

pavela

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

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

Отправлено 15 Август 2016 - 11:14

И снова спасибо!

в связи с тем, что у нас очень специфичный продукт (памперс торт),чтобы люди смогли видеть товар и понимать что внутри (прочтя описание)
помогите пожалуйста привести карточку товара в соответствии со скриншотом 1305

1. Артикул и наличие товара оставить  на месте.

2. Цену товара поставить на один уровень с артикулом - выровнять по правому краю

3. У кнопки "ДОБАВИТЬ К СРАВНЕНИЮ" - убрать лишнее(на мой взгляд) слово "ДОБАВИТЬ - оставить просто "К СРАВНЕНИЮ" - и данный значек поставить на место 3.

4  У кнопки "ДОБАВИТЬ В ИЗБРАННОЕ" - убрать лишнее(на мой взгляд) слово "ДОБАВИТЬ - оставить просто "В ИЗБРАННОЕ" - и данный значек поставить на место 4.

5. Кнопку выбора количества товара и купить расположить под ценой товара и так же выровнять по правому краю.

6. Убрать из горизонтального меню ОПИСАНИЕ и расположить его под кнопкой купить

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

  • 1305.jpg


#39 Danil

Danil

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

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

Отправлено 15 Август 2016 - 11:47

Просмотр сообщенияpavela (15 Август 2016 - 11:14) писал:

И снова спасибо!

в связи с тем, что у нас очень специфичный продукт (памперс торт),чтобы люди смогли видеть товар и понимать что внутри (прочтя описание)
помогите пожалуйста привести карточку товара в соответствии со скриншотом 1305

1. Артикул и наличие товара оставить  на месте.

2. Цену товара поставить на один уровень с артикулом - выровнять по правому краю

3. У кнопки "ДОБАВИТЬ К СРАВНЕНИЮ" - убрать лишнее(на мой взгляд) слово "ДОБАВИТЬ - оставить просто "К СРАВНЕНИЮ" - и данный значек поставить на место 3.

4  У кнопки "ДОБАВИТЬ В ИЗБРАННОЕ" - убрать лишнее(на мой взгляд) слово "ДОБАВИТЬ - оставить просто "В ИЗБРАННОЕ" - и данный значек поставить на место 4.

5. Кнопку выбора количества товара и купить расположить под ценой товара и так же выровнять по правому краю.

6. Убрать из горизонтального меню ОПИСАНИЕ и расположить его под кнопкой купить
Изменения Вам произвел, проверьте.

#40 pavela

pavela

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

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

Отправлено 15 Август 2016 - 12:32

СПАСИБО!!!)

Помогите пожалуйста исправить ошибку в соответствии со скриншотом 1501

1. При переключении «ВИД СПИСКА» в любой из категорий товара, происходит какой-то сбой – и товары не показываются.

2. Помогите пожалуйста поменять цвет букв в названии товаров (см. скриншот 1502) с серого на синий #005cab ?

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

  • 1501.jpg
  • 1502.jpg






Темы с аналогичным тегами главная

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

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