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


Всплывающее Окно


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

#41 Mamba

Mamba

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

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

Отправлено 20 Апрель 2016 - 16:03

Здравствуйте, подскажите пожалуйста.
1) как добавить строчку между иконками достоинств и товарами над ними, например надпись "Наши преимущества" и что бы можно было менять ее цвет?
2) как сделать расстояние чуть побольше между иконками достоинств и нижней надписью интернет магазин?
3) как в подвале сайта сделать ссылки под "каталог мебели" на мебель для кухни,мебель для спальни,мебель для прихожей и мебель для учебы и работы?
4) можно ли поменять весь задний белый фон на какой нибудь другой?

оо.JPG

#42 Firefly

Firefly

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

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

Отправлено 20 Апрель 2016 - 16:47

Просмотр сообщенияMamba (20 Апрель 2016 - 16:03) писал:

Здравствуйте, подскажите пожалуйста.
1) как добавить строчку между иконками достоинств и товарами над ними, например надпись "Наши преимущества" и что бы можно было менять ее цвет?
2) как сделать расстояние чуть побольше между иконками достоинств и нижней надписью интернет магазин?
3) как в подвале сайта сделать ссылки под "каталог мебели" на мебель для кухни,мебель для спальни,мебель для прихожей и мебель для учебы и работы?
4) можно ли поменять весь задний белый фон на какой нибудь другой?

Прикрепленный файл оо.JPG

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		 <div id="topsl" class="wrap">

Замените на:
		 <div id="topsl" class="wrap">
			<div class="container" style="text-align:center; color:#fff;">
			  <h4>Наши преимущества</h4>
			</div>
		  </div>
		 <div id="topsl" class="wrap">

Изменяйте цвет у параметра color.

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
section[role="main"] {margin-bottom: 6em;margin-top: 1em;z-index: 10;}

Замените на:
section[role="main"] {margin-bottom: 6em;margin-top: 3em;z-index: 10;}

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
						 <h4><a href="{catalog_full.URL}" title="Каталог" style="text-decoration: none">Каталог мебели</a></h4>

Замените на:
						 <h4><a href="{catalog_full.URL}" title="Каталог" style="text-decoration: none">Каталог мебели</a></h4>
						 <ul>
						   <li><a href="ссылка">название</a></li>
						   <li><a href="ссылка">название</a></li>
						   <li><a href="ссылка">название</a></li>
						</ul>

4. Если речь идет о основной подложке, то этот цвет Вы можете изменить в шаблоне style.css, для этого найдите код:
.bg {background: #f6f6f4;}

Измените значение #f6f6f4.

#43 Mamba

Mamba

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

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

Отправлено 20 Апрель 2016 - 17:06

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

#44 Firefly

Firefly

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

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

Отправлено 20 Апрель 2016 - 17:10

Просмотр сообщенияMamba (20 Апрель 2016 - 17:06) писал:

извиняюсь если сразу не сказал, а как по первому вопросу сделать надпись больше, как надпись интернет магазин?

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
						<div class="container" style="text-align:center; color:#fff;">

Замените на:
						<div class="container" style="text-align:center; color:#fff;font-size:2em;">


#45 Mamba

Mamba

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

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

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

1)А можно как то подстроить под мобильную версию надписи на главной странице "кухонные коллекции" "спальные коллекции" "отдельные предметы" и строку " наши преимущества" а то опять все друг на дружку??

2) и можно перед этими же названиями "кухонными коллекциями", "спальными коллекциями" и "отдельными предметами" поставить иконки, что бы в самой рамке были перед словосочетаниями?

3) как увеличить расстояние раза в 2 где показано стрелками на скриншоте? 2016-04-20 23-48-59 Скриншот экрана.png

4) и как узнать что за шрифт и как его поменять , на тот что у вас в теме город?

5) и можно еще как в теме город сделать выкатывающееся окно с товарами горизонтально и что бы как в той теме была снизу красная полоска?2016-04-20 23-55-50 Скриншот экрана1.png

#46 Юля123

Юля123

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

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

Отправлено 21 Апрель 2016 - 10:03

Прикрепленный файл  agenfbcyr.zip   40,42К   66 Количество загрузок:

Просмотр сообщенияMamba (20 Апрель 2016 - 22:59) писал:

1)А можно как то подстроить под мобильную версию надписи на главной странице "кухонные коллекции" "спальные коллекции" "отдельные предметы" и строку " наши преимущества" а то опять все друг на дружку??

2) и можно перед этими же названиями "кухонными коллекциями", "спальными коллекциями" и "отдельными предметами" поставить иконки, что бы в самой рамке были перед словосочетаниями?

3) как увеличить расстояние раза в 2 где показано стрелками на скриншоте? Прикрепленный файл 2016-04-20 23-48-59 Скриншот экрана.png

4) и как узнать что за шрифт и как его поменять , на тот что у вас в теме город?

5) и можно еще как в теме город сделать выкатывающееся окно с товарами горизонтально и что бы как в той теме была снизу красная полоска?Прикрепленный файл 2016-04-20 23-55-50 Скриншот экрана1.png


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

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

section.newsletter h3 {float: none; margin-bottom: 1em;}

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

section.newsletter h3 {float: none;margin-bottom: 1em;width: 100%;margin: 0 auto;text-align: center;}


Наши преимущества и мебель stan сложно подогнать под мобильную версию из-за присутствия черточек. Возможно, лучшим вариантом будет отказаться от них и сделать надписи по центру? Можете попробовать немного подкорректировать, для этого там же после кода:
@media only screen and (max-width: 480px) {

добавьте код:
#topsl .container h4 {
width: 63%;
text-align: center;
margin: 0 auto;
}
#topsl .block {
width: 100%;
margin-bottom: 10px;
}

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

<h3><a href="http://mebel-stan.ru/catalog/Мебель-для-спальни"><b>Спальные коллекции</b></a></h3>

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

<h3><a href="http://mebel-stan.ru/catalog/Мебель-для-спальни"><img src="ссылка на изображение" title="Спальни" style="width:30px;height:30px; margin-right:20px;"><b>Спальные коллекции</b></a></h3>

далее код:

<h3><a href="http://mebel-stan.ru/catalog/Мебель-для-учебы-и-работы"><b>Отдельные предметы</b></a></h3>

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

<h3><a href="http://mebel-stan.ru/catalog/Мебель-для-учебы-и-работы"><img src="ссылка на изображение" title="Спальни" style="width:30px;height:30px; margin-right:20px;"><b>Отдельные предметы</b></a></h3>

и код:

<h3><a href="http://mebel-stan.ru/catalog/Мебель-для-Кухни"><b>Кухонные коллекции</---></b></a></h3>

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

<h3><a href="http://mebel-stan.ru/catalog/Мебель-для-Кухни"><img src="ссылка на изображение" title="Спальни" style="width:30px;height:30px; margin-right:20px;"><b>Кухонные коллекции</---></b></a></h3>

Картинки добавляйте в редакторе шаблонов и изменяйте ссылки на нужные Вам. Стили в зависимости от картинки можно изменить.

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

section.newsletter {
	 background: white;
	 margin: 1em 0;
	 padding: 1em 10.5em;
	 height: 1.5em;
	 width: 10%;
	 left: 31%;
	 font: normal 15px 'Arial';
	 border: 1px solid #000;
}

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

section.newsletter {
	 background: white;
	 margin: 3em 0 1em;
	 padding: 1em 10.5em;
	 height: 1.5em;
	 width: 10%;
	 left: 31%;
	 font: normal 15px 'Arial';
	 border: 1px solid #000;
}

4) По умолчанию у Вас установлен шрифт font-family: Arial, 'Lato', Calibri, sans-serif; т.е. прописано семейство похожих шрифтов в коде:

body {text-rendering:optimizeLegibility;text-rendering: geometricPrecision; font-size: 75%;line-height: 1.5em;font-family: Arial, 'Lato', Calibri, sans-serif;height: 100%;color: #404040; text-align: left; /* Если нужно заблокировать выделение текста на странице, например для защиты контента -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;*/ }


В шаблоне Город установлено другое семейство шрифтов:

"agency", 'PT Sans Narrow', sans-serif

Это нестандартный шрифт и он требует дополнительной установки. Скачайте архив:

Прикрепленный файл  agenfbcyr.zip   40,42К   66 Количество загрузок:

разархивируйте его и загрузите в редакторе шаблонов.  


Далее в шаблоне HTML найдите код:

  <!--  Стили магазина, которые не нужно менять -->

перед ним добавьте код:

  <!-- Подключаемые шрифты -->
  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic-ext">
  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic&subset=latin,cyrillic-ext">
  <style>@font-face {font-family: 'agency';src: url('/design/agenfbcyr.ttf?design=urban') format('truetype');}</style>

и уже в style.css c помощью встроенного поиска ищите, где прописан шрифт "Arial, 'Lato', Calibri, sans-serif" и заменяйте на "agency", 'PT Sans Narrow', sans-serif" . А также "Arial" изменяйте на "agency"


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

.nav li  ul {position: absolute;left: 0; display: none;z-index:50;width: 160px;}

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

.nav li  ul {position: absolute;left: 0; display: none;z-index:50;width: 500px;background:#fff;border-bottom: 3px solid #F00;}


#47 Mamba

Mamba

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

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

Отправлено 21 Апрель 2016 - 16:38

1)  по 5 ответу вашему вопрос.

Получилось очень здорово,то что надо, но работает не корректно, при наводе на какую нибудь позицию, та позиция постоянно пляшет и от курсора мышки убегает, а затем все мелькать и дергаться начинает?

2)  и по 1 ответу

Давайте тогда сделаем надпись интернет магазин по центру, а можно как нибудь эту надпись и наши преимущества сделать что бы сами названия были подчеркнуты?

3) Мы как то с вами пытались перенести 4 бегунка под слайдером на сам слайдер в нижней левый угол,почему то не получалось, может еще раз попробуем? А под сам слайдер хотелось бы реализовать черную полоску точно такую же как над слайдером по всем размерам и в нее запихнуть иконки с достоинствами с надписями. То есть снизу иконки тогда убрать, поменять на белый цвет и в черную полоску запихнуть,так можно?

#48 Юля123

Юля123

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

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

Отправлено 22 Апрель 2016 - 11:39

Просмотр сообщенияMamba (21 Апрель 2016 - 16:38) писал:

1)  по 5 ответу вашему вопрос.

Получилось очень здорово,то что надо, но работает не корректно, при наводе на какую нибудь позицию, та позиция постоянно пляшет и от курсора мышки убегает, а затем все мелькать и дергаться начинает?

2)  и по 1 ответу

Давайте тогда сделаем надпись интернет магазин по центру, а можно как нибудь эту надпись и наши преимущества сделать что бы сами названия были подчеркнуты?

3) Мы как то с вами пытались перенести 4 бегунка под слайдером на сам слайдер в нижней левый угол,почему то не получалось, может еще раз попробуем? А под сам слайдер хотелось бы реализовать черную полоску точно такую же как над слайдером по всем размерам и в нее запихнуть иконки с достоинствами с надписями. То есть снизу иконки тогда убрать, поменять на белый цвет и в черную полоску запихнуть,так можно?

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

.nav li.hover {display: block !important;z-index:100;}
.nav li:hover ul li a {display: block !important;z-index:100;}

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

.nav li.hover {z-index:100;}
.nav li:hover ul li a {z-index:100;}


2) Чтобы сделать подчеркнутым текст, в конце style.css добавляйте код:

#topsl .container h4 {
text-decoration: underline;
}
header h1 {
text-decoration: underline;
}

Надпись "интернет магазин" должна быть по центру только в мобильной версии? Если да, тогда в  style.css найдите код:

@media only screen and (max-width: 480px) {

после него добавьте код:

header {
text-align: center;
}

если же Вам нужно чтобы по умолчанию этот текст стоял по центру, то добавляйте этот код в конце style.css

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

.nivo-controlNav {
top: -62px;
left: -41%;
position: relative;
}


4) Чтобы под слайдером установить блок преимуществ, в шаблоне HTML добавьте перед кодом:
	 <!-- Список товаров на главной -->

код:
				 <!-- Баннеры -->
		 {% IF index_page %}
				 <div id="topsl" class="wrap">
		 <div class="container">
				 <div class="row">
				 <div class="block free-shipping col-sm-3 ">
						 <div class="block-title"><span>Доставка и сборка</span></div>
						 <div class="block-content">Сборка мебели в день доставки!</div>
				 </div>
				 <div class="block money-back col-sm-3" >
						 <div class="block-title"><span>Гарантия на всю мебель</span></div>
						 <div class="block-content">Вы можете обменять бракованный товар после получения заказа!</div>
				 </div>
				 <div class="block orders-247 col-sm-3">
						 <div class="block-title">Работаем с 2006г.<span></span></div>
						 <div class="block-content">10 лет доверия клиентов!</div>
				 </div>
				 <div class="block secured-payment col-sm-3 ">
						 <div class="block-title"><span>Безопасная оплата</span></div>
						 <div class="block-content">Оплата товаров после доставки!</div>
				 </div>
				 </div>
		 </div>
		 </div>
		 {% ENDIF %}
		 <!-- /END Баннеры -->
<div class="clearfix"></div>


далее в конце style.css добавьте код:

div#topsl {
height: 181px;
background: #000;
padding: 18px;
}

div#topsl div {
color: #fff;
}

код:

#topsl { margin: 40px 0 0; } 

удалите, далее код:

#topsl .block .block-title {padding-top: 0px;text-transform: none;color: #000;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 0;}
#topsl .block .block-title:before {
	 position: absolute;
	 content: "";
	 height: 84px;
	 width: 84px;
	 border: 1px solid #000000;
	 left: 50%;
	 top: 0px;
	 margin-left: -43px;
	 -webkit-border-radius: 14px;
	 -moz-border-radius: 14px;
	 border-radius: 14px;
}

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

#topsl .block .block-title {padding-top: 0px;text-transform: none;color: #fff;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 0;}
#topsl .block .block-title:before {
	 position: absolute;
	 content: "";
	 height: 84px;
	 width: 84px;
	 border: 1px solid #fff;
background: #fff;
	 left: 50%;
	 top: 0px;
	 margin-left: -43px;
	 -webkit-border-radius: 14px;
	 -moz-border-radius: 14px;
	 border-radius: 14px;
}

Чтобы внизу убрать, в шаблоне HTML найдите код:

		 <!-- Баннеры -->
		 {% IF index_page %}
<div id="topsl" class="wrap">
						 <div class="container" style="text-align:center; color:#000;font-size:1.5em;">
						 <h4>НАШИ ПРЕИМУЩЕСТВА</h4>
					 </div>
				 </div>
				 <div id="topsl" class="wrap">
		 <div class="container">
				 <div class="row">
				 <div class="block free-shipping col-sm-3 ">
						 <div class="block-title"><span>Доставка и сборка</span></div>
						 <div class="block-content">Сборка мебели в день доставки!</div>
				 </div>
				 <div class="block money-back col-sm-3" >
						 <div class="block-title"><span>Гарантия на всю мебель</span></div>
						 <div class="block-content">Вы можете обменять бракованный товар после получения заказа!</div>
				 </div>
				 <div class="block orders-247 col-sm-3">
						 <div class="block-title">Работаем с 2006г.<span></span></div>
						 <div class="block-content">10 лет доверия клиентов!</div>
				 </div>
				 <div class="block secured-payment col-sm-3 ">
						 <div class="block-title"><span>Безопасная оплата</span></div>
						 <div class="block-content">Оплата товаров после доставки!</div>
				 </div>
				 </div>
		 </div>
		 </div>
		 {% ENDIF %}
		 <!-- /END Баннеры -->
		 <div class="clearfix"></div>

и удалите его.

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

  • QIP Shot - Screen 287.png


#49 Mamba

Mamba

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

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

Отправлено 22 Апрель 2016 - 13:32

1) можно ли реализовать такую вещь ? в самой карточке товара, есть кнопка " категория ткани" при ее нажатии идет вниз окно с категориями "1категория, 2 категория и т.д" можно ли эти категории сделать ввиде сылок, которые открывались бы в соседнем окне, тоесть нажимаешь на вторую категории и попадаешь в отдел с тканями второй категории?
т2т.JPG
2) и как сделать что бы над образцом цвета дерева была кнопка "цвет дерева" а не категория ткани,как их поменять местами?

3) по предыдущему второму ответу вопрос. Когда делаю что бы текст был по центру то уезжает вправо почта и поиск?т1т.jpg

#50 Юля123

Юля123

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

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

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

Просмотр сообщенияMamba (22 Апрель 2016 - 13:32) писал:

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

3) по предыдущему второму ответу вопрос. Когда делаю что бы текст был по центру то уезжает вправо почта и поиск?Прикрепленный файл т1т.jpg


1) К сожалению, так сделать не получится.

2) Поменяла Вам расположение, изменить порядок вывода модификаций можно а разделе Товары  - свойства, изменяйте порядок следования на нужный Вам.

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

header[role="banner"] .hgroup {position: absolute; top: 1em; left: 1em; width: 55%;}

и изменяйте ширину width: 55% , например на width: 58%, текст выровняется.

#51 Mamba

Mamba

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

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

Отправлено 22 Апрель 2016 - 16:03

1) Спасибо, тогда можно сделать так? под теми же самыми категориями тканей и цветом дерева, есть ссылка" вернуться в предыдущую категорию" можно ли ее переделать в ссылку " выбрать обивку" и сделать покрупней и что бы я мог менять ее цвет и расположение (немного вверх,вниз,влево вправо) а лучше сразу ее сделать правей от кнопки "категория ткани",что бы показывалась только с этой кнопкой,т.к. ткани есть не везде, и сделать эту ссылку на ссылку "Выбрать обивку".Ну или же просто сделать справа от категории ткани и сделать ссылку на "выбрать обивку"
2) проблемы с 3 вопросом предыдущего ответа? И все равно не выравнивается текст если делать все названия по центру, а поиск вообще как вправо ушел так и стоит там не двигается?
3) И вопрос еще , в верхнем меню есть вкладка "выбрать обивку" при наводе мышки раскрывается окно вниз, и там можно выбрать только "ткани для кухни" т.к. "ткани для спальни" уже не дают выбрать категории от кухни, они загараживают???
4) можно как нибудь вставить куда показано на фото, просто черную полосу,без всего, точно такую же как над слайдером, но что бы раздел "кухонные коллекции" не съезжали вниз?ю.JPG
5) как переименовать выделенные названия? товары на главной в кухонные коллекции, новинки в спальные коллекции, и хиты продаж в отдельные предметы, так же как они переименованны на главной странице?  Безымянныйыав.JPG
6) В категориях товара, если их сортировать не по таблице,а ввиде списка, то получаются огромные расстояния между ними,как их уменьшить? и зачем там вылазиет краткое описание + основное, как сделать,что бы было только краткое?????????????ппп.JPG

#52 Юля123

Юля123

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

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

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

Просмотр сообщенияMamba (22 Апрель 2016 - 16:03) писал:

1) Спасибо, тогда можно сделать так? под теми же самыми категориями тканей и цветом дерева, есть ссылка" вернуться в предыдущую категорию" можно ли ее переделать в ссылку " выбрать обивку" и сделать покрупней и что бы я мог менять ее цвет и расположение (немного вверх,вниз,влево вправо) а лучше сразу ее сделать правей от кнопки "категория ткани",что бы показывалась только с этой кнопкой,т.к. ткани есть не везде, и сделать эту ссылку на ссылку "Выбрать обивку".Ну или же просто сделать справа от категории ткани и сделать ссылку на "выбрать обивку"
2) проблемы с 3 вопросом предыдущего ответа? И все равно не выравнивается текст если делать все названия по центру, а поиск вообще как вправо ушел так и стоит там не двигается?
3) И вопрос еще , в верхнем меню есть вкладка "выбрать обивку" при наводе мышки раскрывается окно вниз, и там можно выбрать только "ткани для кухни" т.к. "ткани для спальни" уже не дают выбрать категории от кухни, они загараживают???
4) можно как нибудь вставить куда показано на фото, просто черную полосу,без всего, точно такую же как над слайдером, но что бы раздел "кухонные коллекции" не съезжали вниз?Прикрепленный файл ю.JPG
5) как переименовать выделенные названия? товары на главной в кухонные коллекции, новинки в спальные коллекции, и хиты продаж в отдельные предметы, так же как они переименованны на главной странице?  Прикрепленный файл Безымянныйыав.JPG
6) В категориях товара, если их сортировать не по таблице,а ввиде списка, то получаются огромные расстояния между ними,как их уменьшить? и зачем там вылазиет краткое описание + основное, как сделать,что бы было только краткое?????????????Прикрепленный файл ппп.JPG

Здравствуйте, перед изменениями сделайте бекап шаблона.

1) В шаблоне Товар найдите код:

<strong>{goods_modifications_properties.NAME}:</strong><br />

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

		 <strong>{goods_modifications_properties.NAME}:</strong><br />
		 {% IF goods_modifications_properties.NAME = Категория ткани %}<a href="ссылка на категорию" class="upholstery">выбрать обивку</a>{% ENDIF %}


в конце main.css добавьте код:

.upholstery {
color: #000;
font-size: 14px;
}

где Вы можете изменить цвет и размер этой надписи.

2) Шапка отображается так:

QIP Shot - Screen 292.png

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

QIP Shot - Screen 293.png

Уточните, что нужно изменить.

3) Могу предложить Вам следующий вариант. В style.css найдите код:

.nav li li.hover > ul {left: 100%;top: 0;display: block;z-index:60;display: block !important;color:#000;}

.nav li li.hover > ul {top: 50px;display: block;z-index:60;display: block !important;color:#000;}

тогда выпадающее меню будет отображаться ниже:
QIP Shot - Screen 294.png


4) Попробуйте в nyvo.css код:

.theme-default .nivoSlider {
		position: relative;
		background: #fff url('{ASSETS_IMAGES_PATH}nyvo_loading.gif?design=comfort') no-repeat 50% 50%;
			 margin-bottom: 35px;
		-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
		-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
		box-shadow: 0px 1px 5px 0px #4a4a4a;
}

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

.theme-default .nivoSlider {
		position: relative;
		background: #000 url('{ASSETS_IMAGES_PATH}nyvo_loading.gif?design=comfort') no-repeat 50% 50%;
		padding-bottom: 35px;
		-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
		-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
		box-shadow: 0px 1px 5px 0px #4a4a4a;
}

чтобы увеличить высоту полосы, изменяйте значение 35px


5) В админ панели названия особых разделов менять, к сожалению, нельзя.

6) В шаблоне HTML код:
			<figure style="width: 20%;height: 100%;float: left; clear: both; position: relative; overflow: hidden;">
			  {% IF user_agent_ie7 %}
				<a href="{goods.URL | url_amp}" title="{goods.NAME}">
				  <div class="product-image"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=eternity{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div>
				</a>
			  {% ELSEIF user_agent_ie8 %}
				<a href="{goods.URL | url_amp}" title="{goods.NAME}">
				  <div class="product-image"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=eternity{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div>
				</a>
			  {% ELSE %}
				<a href="{goods.URL | url_amp}" title="{goods.NAME}">
				  <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=eternity{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
				</a>
			  {% ENDIF %}
			  <div class="rating">
				<!-- Среднее значение по результатам всех отзывов об этом товаре -->
				{% IF goods.OPINION_RATING_VALUE %}
				  <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
				{% ENDIF %}
			   
				{% IF goods.OPINION_RATING_CNT_ALL>0 %}
				  <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
				{% ELSE %}
				  <a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
				{% ENDIF %}
			  </div>
			</figure> 
			<div class="item-detail" style="height: 100%">
			  <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4>
			  {% IF goods.DESCRIPTION_LARGE %}
				<div class="desc std a-left">
				  <div class="htmlDataBlock">
					{goods.DESCRIPTION_LARGE}
					<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more">узнать больше...</a>
				  </div>
				</div>
			  {% ENDIF %}
			</div>

замените на код:
	  <!-- Если отображаем товары таблицей -->
	  {% ELSE %}
		<!-- Проходим по массиву списка товаров -->
		{% FOR goods %}
		  <div class="items" style="width:97%; margin: 10px; padding: 10px; clear: both; display:block;line-height: 1; position: relative;border-top: 1px solid #d5d5d5;background: #fff;">
			<figure style="width: 20%;float: left; clear: both; position: relative; overflow: hidden;">
			  {% IF user_agent_ie7 %}
				<a href="{goods.URL | url_amp}" title="{goods.NAME}">
				  <div class="product-image"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=eternity{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div>
				</a>
			  {% ELSEIF user_agent_ie8 %}
				<a href="{goods.URL | url_amp}" title="{goods.NAME}">
				  <div class="product-image"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=eternity{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"> </div>
				</a>
			  {% ELSE %}
				<a href="{goods.URL | url_amp}" title="{goods.NAME}">
				  <img alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=eternity{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
				</a>
			  {% ENDIF %}
			  <div class="rating">
				<!-- Среднее значение по результатам всех отзывов об этом товаре -->
				{% IF goods.OPINION_RATING_VALUE %}
				  <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" />
				{% ENDIF %}
			   
				{% IF goods.OPINION_RATING_CNT_ALL>0 %}
				  <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a>
				{% ELSE %}
				  <a href="{goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
				{% ENDIF %}
			  </div>
			</figure> 
			<div class="item-detail" >
			  <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4>
			  {% IF goods.DESCRIPTION_SHORT %}
				<div class="desc std a-left">
				  <div class="htmlDataBlock">
					{goods.DESCRIPTION_SHORT}
					<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more">узнать больше...</a>
				  </div>
				</div>
			  {% ENDIF %}
			</div>


#53 Mamba

Mamba

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

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

Отправлено 25 Апрель 2016 - 14:20

Вопросы поочередно, по Вашим ответам

1) а можно эту ссылку "выбрать обивку" сделать не между  названием "категория ткани" и самой кнопкой с категориями, а справа от этой кнопки "категории ткани"?
2) по второму вопросу:  такого как вы привели пример на фото у меня не было, можно еще раз написать, что надо сделать, что бы нижняя надпись" Интернет магазин мебель стан" встала посередине?
4) Черная полоса под слайдером появилась, но то что ниже " кухонные коллекции" все равно тоже смещается ниже. А как сделать расстояние от этой полосы до слайдера?
6) такого кода как вы указали в 6 ответе у меня нет, есть что то подобное, если можно то посмотрите еще раз пожалуйста?

а можно как нибудь сделать,что бы вместо слово " рубль или рублей"  сделать значок рубля , типа Р и снизу палочка?

#54 Mamba

Mamba

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

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

Отправлено 27 Апрель 2016 - 14:45

ау, ответьте пожалуйста на эти вопросы, мне осталось только их решить и все)

#55 Юля123

Юля123

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

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

Отправлено 27 Апрель 2016 - 17:12

Просмотр сообщенияMamba (25 Апрель 2016 - 14:20) писал:

Вопросы поочередно, по Вашим ответам

1) а можно эту ссылку "выбрать обивку" сделать не между  названием "категория ткани" и самой кнопкой с категориями, а справа от этой кнопки "категории ткани"?
2) по второму вопросу:  такого как вы привели пример на фото у меня не было, можно еще раз написать, что надо сделать, что бы нижняя надпись" Интернет магазин мебель стан" встала посередине?
4) Черная полоса под слайдером появилась, но то что ниже " кухонные коллекции" все равно тоже смещается ниже. А как сделать расстояние от этой полосы до слайдера?
6) такого кода как вы указали в 6 ответе у меня нет, есть что то подобное, если можно то посмотрите еще раз пожалуйста?

а можно как нибудь сделать,что бы вместо слово " рубль или рублей"  сделать значок рубля , типа Р и снизу палочка?

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

1) В шаблоне Товар найдите код:

  <strong>{goods_modifications_properties.NAME}:</strong><br />
				 {% IF goods_modifications_properties.NAME = Категория ткани %}<a href="http://mebel-stan.ru/catalog/Выбрать-обивку" class="upholstery">>>>>ВЫБРАТЬ ОБИВКУ<<<<</a>{% ENDIF %}

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

  <strong>{goods_modifications_properties.NAME}:</strong>
				 {% IF goods_modifications_properties.NAME = Категория ткани %}<a href="http://mebel-stan.ru/catalog/Выбрать-обивку" class="upholstery">>>>>ВЫБРАТЬ ОБИВКУ<<<<</a>{% ENDIF %}

2) Вам нужно, чтобы логотип был посередине? Если да, то в style.css найдите код:

header[role="banner"] h1 {color: #000;font-weight: normal;float: left;}

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

header[role="banner"] h1 {color: #000;font-weight: normal;float: right;}

код:

.contacts {
float: right;
position: relative;
color: #000;
width: 58%;
margin-top: 5px;
font-size: 15px;
width: 260px;
}

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

.contacts {
float: left;
position: relative;
color: #000;
width: 58%;
margin-top: 5px;
font-size: 15px;
width: 260px;
}

4) Не понимаю, как добавить блок, но чтобы при этом ничего не смещалось, не могли бы Вы поподробнее этот момент описать? Эту полосу сделала с помощью внутренних отступов в слайдере, добавить отступ между не получится, можно лишь отменить изменения и добавить отдельный блок под слайдером, но тогда разделы с товарам опустятся еще ниже.

6)  Извините, допустила ошибку, изменения требуются для шаблона Товары.

#56 Mamba

Mamba

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

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

Отправлено 28 Апрель 2016 - 06:34

2) нужно что бы посередине была нижняя надпись которая перед подвалом "интернет магазин mebelstan" ?

4) Ну хорошо, давайте тот блок с черной полоской заменим на такой же блок, но который будет с отступом от слайдера ( все как у черной полоски которая над слайдером, только просто полоска без названий в ней)  ,а затем уменьшим расстояние между "кухонные коллекции" и этой самой черной полоской?

6) по шестому вопросу предыдущему. Все равно не получается , при сохранении изменений пишет ошибку, вроде сделел все правильно ((

#57 Vaccina

Vaccina

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

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

Отправлено 28 Апрель 2016 - 06:46

2. В style.css найдите:
section header h1 {
	color: #000;
	font-weight: bold;
}

замените на:
section header h1 {
	color: #000;
	font-weight: bold;
	text-align: center;
}

4. В nyvo.css найдите:
.theme-default .nivoSlider {
				position: relative;
				background: #000 url('{ASSETS_IMAGES_PATH}nyvo_loading.gif?design=comfort') no-repeat 50% 50%;
				padding-bottom: 35px;
				-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
				-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
				box-shadow: 0px 1px 5px 0px #4a4a4a;
}

замените на:
.theme-default .nivoSlider {
				position: relative;
				background: #fff url('{ASSETS_IMAGES_PATH}nyvo_loading.gif?design=comfort') no-repeat 50% 50%;
				-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
				-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
				box-shadow: 0px 1px 5px 0px #4a4a4a;
}

далее в шаблоне HTML найдите:
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" /></a>
<a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" /></a>
<a href="#"><img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" /></a>
<a href="#"><img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="" /></a>
</div>
</div>

после него вставьте:
<div style="background:#000; height: 35px; margin: -33px 1em 0px;"></div>


#58 Mamba

Mamba

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

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

Отправлено 28 Апрель 2016 - 08:45

по 6 вопросу посмотрите пожалуйста, выдает ошибку после после надписи "если отображаем товары таблицей" в строке  ELSE?

#59 Юля123

Юля123

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

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

Отправлено 28 Апрель 2016 - 10:10

Просмотр сообщенияMamba (28 Апрель 2016 - 08:45) писал:

по 6 вопросу посмотрите пожалуйста, выдает ошибку после после надписи "если отображаем товары таблицей" в строке  ELSE?

Произвела Вам изменения, проверьте, пожалуйста.

#60 Mamba

Mamba

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

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

Отправлено 28 Апрель 2016 - 10:41

здорово, спасибо, только как там сделать краткое что бы было описание, а не основное как сейчас?

И можно где показано на скриншоте, увеличить два окошка с цифрами, что бы влезали пятизначные числа, а то не понятно что такое 310 и 1700, хотя это 3100 и 17000 ??109.JPG




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

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