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


Помогите Внести Изменения


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

#21 biznet31

biznet31

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

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

Отправлено 27 Июнь 2015 - 20:41

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

Спасибо заранее

#22 biznet31

biznet31

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

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

Отправлено 27 Июнь 2015 - 20:56

и сразу вопросы вдогонку...

1. можно ли фон нижнего меню сделать не белым а таким же как шапка вверху? ну и соответственно шрифт там белый будет (скрин прилагаю)
2. как сократить ненужное пустое пространство в самом низу? (схема на скрине)

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

  • 444.jpg
  • 555.jpg


#23 Firefly

Firefly

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

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

Отправлено 28 Июнь 2015 - 10:07

Просмотр сообщенияbiznet31 (27 Июнь 2015 - 20:56) писал:

и сразу вопросы вдогонку...

1. можно ли фон нижнего меню сделать не белым а таким же как шапка вверху? ну и соответственно шрифт там белый будет (скрин прилагаю)
2. как сократить ненужное пустое пространство в самом низу? (схема на скрине)

Здравствуйте. По последним двум вопросам.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#footer-top {margin: 0 0 52px;padding: 35px 0 0;border-top: 1px solid #e9e9e9;}

Замените на:
#footer-top {margin: 0 0 52px;padding: 5px 0 10px;border-top: 1px solid #e9e9e9; color: white;background: #3cabda url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center;}

Добавьте в самом конце main.css код:
#footer-top .block .block-content ul li a {
  color: #ffffff
}

Найдите код:
.block-contact .block-content p:before {content: "";position: absolute;width: 34px;height: 34px;left: 0px;top: 2px;background-image: url("{ASSETS_IMAGES_PATH}ico-contactus.png");background-position: top left;background-repeat: no-repeat;border: 1px solid #dfdfdf;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}

Замените на:
.block-contact .block-content p:before {content: "";position: absolute;width: 34px;height: 34px;left: 0px;top: 2px;background-image: url("{ASSETS_IMAGES_PATH}ico-contactus.png");background-position: top left;background-repeat: no-repeat;border: 1px solid #FFFFFF;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}

Найдите код:
.block-contact .block-content p:hover:before {border-color: #3cabda;background-position: left -34px;}

Замените на:
.block-contact .block-content p:hover:before {border-color: #C8C8C8;background-position: left -34px;}

Найдите код:
.block-contact .block-content span.c-worktime {float:left;}

Замените на:
.block-contact .block-content span.c-worktime {float:left; color: white;}

В конце main.css добавьте код:
.block.block-contact .block-content p.c-phone label {
  color: white;
}
.block.block-contact .block-content p.c-phone a {
  color: white;
}

Найдите код:
#footer-top .block-subscribe .block-content label {display: block;margin: 3px 0 15px;color: #666666;line-height: 18px;}

Замените на:
#footer-top .block-subscribe .block-content label {display: block;margin: 3px 0 15px;color: #FFFFFF;line-height: 18px;}

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
			  <div class="copyright">
				<p>{SETTINGS_STORE_ORG_NAME}.</p>
				<p>&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;.</p>
				<p>{COPYRIGHT_FOR_DESIGN_SPRING}.</p>
				<p>{SETTINGS_STORE_HTML_CODE}</p>
			  </div>

Замените на:
			  <div class="copyright">
				<p>{SETTINGS_STORE_ORG_NAME}</p>
				<p>&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</p>
				<p>{COPYRIGHT_FOR_DESIGN_SPRING}</p>
				<p>{SETTINGS_STORE_HTML_CODE}</p>
			  </div>

Найдите код:
#footer {margin: 0 0;padding: 0 0 40px;border-top: 1px solid #e9e9e9;}

Замените на:
#footer {margin: 0 0;padding: 0 0 20px;border-top: 1px solid #e9e9e9;}


#24 biznet31

biznet31

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

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

Отправлено 28 Июнь 2015 - 16:50

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

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

  • 1111.jpg


#25 Cupuyc

Cupuyc

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

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

Отправлено 28 Июнь 2015 - 17:03

Просмотр сообщенияbiznet31 (28 Июнь 2015 - 16:50) писал:

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

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css добавьте в конец шаблона код:
#footer ul.payment {
  display: none;
}


#26 biznet31

biznet31

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

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

Отправлено 28 Июнь 2015 - 17:18

спасибо, и теперь если можно расстояние уменьшить...

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

  • 1111.jpg


#27 Firefly

Firefly

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

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

Отправлено 28 Июнь 2015 - 17:35

Просмотр сообщенияbiznet31 (28 Июнь 2015 - 17:18) писал:

спасибо, и теперь если можно расстояние уменьшить...

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#footer-top {margin: 0 0 52px;padding: 5px 0 10px;border-top: 1px solid #e9e9e9; color: white;background: #3cabda url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center;}

Замените на:
#footer-top {padding: 5px 0 10px;border-top: 1px solid #e9e9e9; color: white;background: #3cabda url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center;}

Так же у Вас текст в поле ввода формы "Обратного звонка" сливается с фоном, чтобы изменить цвет шрифта при вводе найдите код:
input.inputText:focus {border: 1px solid #cdcdcd;border-color: #cdcdcd;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;color: inherit;}

Замените на:
input.inputText:focus {border: 1px solid #cdcdcd;border-color: #cdcdcd;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;color: #666666;}


#28 biznet31

biznet31

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

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

Отправлено 28 Июнь 2015 - 17:43

Спасибо!!!

Просмотр сообщенияbiznet31 (27 Июнь 2015 - 20:41) писал:

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

Спасибо заранее

а как на счет этого вопроса... ооочень нужно сделать каким нить образом подменю чтобы вылазило

#29 biznet31

biznet31

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

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

Отправлено 28 Июнь 2015 - 20:35

пока вы думаете над последним вопросом, я вам задам следующий)

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

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

  • 2222.jpg
  • 3333.jpg


#30 Alekseys

Alekseys

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

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

Отправлено 29 Июнь 2015 - 11:06

Просмотр сообщенияbiznet31 (28 Июнь 2015 - 20:35) писал:

пока вы думаете над последним вопросом, я вам задам следующий)

нужно иконки (ютуб, твитер, фейсбук и т.д.) спустить ниже до уровня логотипа, а над ними написать телефон. Скрин где я схематично указал что и как прилагаю, также прилагаю скрин того как должно получиться.
Здравствуйте. В шаблоне HTML после
<!-- END: Logo -->
вставьте
<div class="phone">номер телефона<br>Звонок по России бесплатный!</div>
затем в конец main.css добавьте
.phone {
  text-align: center;
  width: 240px;
  float: right;
}
и замените
#header .header-right {
  display: block;
  float: left;
}
на
#header .header-right {
  display: block;
  float: left;
  margin-top: 50px;
}


#31 biznet31

biznet31

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

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

Отправлено 29 Июнь 2015 - 20:27

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

#32 Firefly

Firefly

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

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

Отправлено 29 Июнь 2015 - 20:38

Просмотр сообщенияbiznet31 (29 Июнь 2015 - 20:27) писал:

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

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.phone {
  text-align: center;
  width: 240px;
  float: right;
}

Замените на:
.phone {
  text-align: center;
  width: 500px;
  float: right;
  font-size: 14px;
}

Размер шрифта можно изменять меняя значение 14px.

#33 biznet31

biznet31

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

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

Отправлено 29 Июнь 2015 - 21:08

спасибо!

#34 biznet31

biznet31

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

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

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

уважаемые администраторы, очень прошу решить давний вопрос с подменю... я получил от вас ответ:

Просмотр сообщенияMikDark (27 Июнь 2015 - 20:38) писал:

Изначально в шаблоне сделан вместо меню каталог и из него выпадают подкаталоги. Чтобы из меню выпадали подкаталоги автоматически сделать нельзя. Только если их вручную прописывать в коде и каждый раз при добавлении/удалении каталога его дописывать через код. Пункты меню можете добавить в разделе Сайт - Меню.

на что я вам ответил:

Просмотр сообщенияbiznet31 (27 Июнь 2015 - 20:41) писал:

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

Спасибо заранее

в итоге ответа я так и не получил и вопрос так и остается открытым... мне нужно чтобы наводя мышку  на кнопку "каталог", вылазило подменю из 12 пунктов... помогите пожалуйста, я знаю, вы все можете)

Заранее благодарен

#35 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

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

Просмотр сообщенияbiznet31 (29 Июнь 2015 - 21:13) писал:

уважаемые администраторы, очень прошу решить давний вопрос с подменю... я получил от вас ответ:



на что я вам ответил:



в итоге ответа я так и не получил и вопрос так и остается открытым... мне нужно чтобы наводя мышку  на кнопку "каталог", вылазило подменю из 12 пунктов... помогите пожалуйста, я знаю, вы все можете)

Заранее благодарен
Здравствуйте, найдите в шаблоне hTML
  {% FOR menu %}
												{% FOR header %}
												  {% FOR links %}
														<li class="level0"><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
												  {% ENDFOR %}
												{% ENDFOR %}
										  {% ENDFOR %}

замените на
  {% FOR menu %}
												{% FOR header %}
												  {% FOR links %}
														<li class="level0"><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
														
														</li>
												  {% ENDFOR %}
												{% ENDFOR %}
										  {% ENDFOR %}
										 <li class="level0"><a href="{menu.header.links.URL}" >Каталог</a>
						  {%IFNOT catalog_full_empty%}
		{%FOR catalog_full%} 
		 {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% ENDIF %}>{% ENDIF %}
		  <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} >
			<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
		  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
		  {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
		{%ENDFOR%}
	  {%ENDIF%}
										 </li>	

далее в конец main.css добавьте
ul.nav {
display: none;
  position: absolute;
  z-index: 100;
  background: #FFFFFF;
	list-style-type: none;  width: 100px;
}
ul.nav > li  ul {
display: none;
  position: absolute;
  z-index: 100;
  background: #FFFFFF;
	list-style-type: none;  width: 100px;
	margin-left: 58px;
  margin-top: -20px;
}
.mainnav > li:hover > ul {
  display: block;
}
.mainnav > li> ul > li:hover > ul {
  display: block;
}
.mainnav > li> ul > li > ul > li:hover > ul {
  display: block;
}
.mainnav > li> ul > li > ul > li > ul> li:hover > ul {
  display: block;
}


#36 biznet31

biznet31

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

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

Отправлено 30 Июнь 2015 - 12:38

внес все изменения как вы написали, но в итоге ничего не поменялось. помогите плиз

#37 biznet31

biznet31

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

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

Отправлено 01 Июль 2015 - 17:04

Ирина, куда же вы пропали... вся надежда была на вас :(

#38 biznet31

biznet31

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

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

Отправлено 02 Июль 2015 - 18:12

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

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

  • каталог.jpg
  • каталог2.jpg


#39 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

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

Просмотр сообщенияbiznet31 (02 Июль 2015 - 18:12) писал:

получилось ужасно, надо доработать...
1. при наведении раскрывается подменю сразу под кнопкой, необходимо опустить немного и сделать чтобы поле подменю открывалось на уровне верха слайдера
2. почему то отображается одно слово на строке, даже если раздел состоит из 2-х слов
3. нужно сделать чтобы как у вас на демо образце шаблона подменю выходило не одним столбцом, а 4 столбца по 3 строки, и также чтобы было название раздела (в данном случае это надпись "Весь каталог") крупным шрифтом заглавными буквами
4. Саму кнопку "Каталог" сделать кликабельной, т.е. чтобы нажимая на нее переходил в каталог, сейчас же если нажимаешь ничего не происходит
в общем помогите пожалуйста привести в божеский вид, чтобы подменю смотрелось красиво как на вашем демо образце
Здравствуйте, найдите в файле main.css
ul.nav {
  display: none;
  position: absolute;
  z-index: 100;
  background: #FFFFFF;
  list-style-type: none;
  width: 100px;
}
замените на

ul.nav {
  display: none;
  position: absolute;
  z-index: 100;
  background: #FFFFFF;
  list-style-type: none;
  width: 77%;
  left: 0;
  background: #ffffff;
  border-bottom: 3px solid #3cabda;
  border-top: 1px solid #d5d5d5;
  z-index: 999;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  -webkit-transform-origin: center 10%;
  -moz-transform-origin: center 10%;
  transform-origin: center 10%;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}




далее в конец файла main.css добавьте

.nav > li {
  display: inline-block;
  float: left;
  padding: 12px 10px 4px 4px;
  text-transform: uppercase;
}


#40 biznet31

biznet31

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

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

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

Ирина, спасибо, стало значительно красивей, но некоторые пункты про которые я писал так и не тронуты а именно:

1. при наведении раскрывается подменю сразу под кнопкой, необходимо опустить немного и сделать чтобы поле подменю открывалось на уровне верха слайдера (как на вашем демо образце)
3. нужно сделать чтобы как у вас на демо образце шаблона подменю выходило в 4 столбца по 3 строки, и также чтобы было название раздела (в данном случае это надпись "Весь каталог") крупным шрифтом заглавными буквами, а остальные категории шрифтом поменьше
4. Саму кнопку "Каталог" сделать кликабельной, т.е. чтобы нажимая на нее переходил в каталог, сейчас же если нажимаешь ничего не происходит

прилагаю скриншоты (то что имею сейчас после всех исправлений, и то что хотел бы видеть)

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

  • каталог2.jpg
  • сайт.jpg





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

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