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


Помогите Новичку Разобраться С Основным Меню


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

#1 aap1k

aap1k

    Новичок

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

Отправлено 25 Август 2014 - 12:59

Доброго времени суток, я новичек в создании сайтов, поэтому у меня очень много вопросов.2 дня рыскаю по форуму и толком ни чего не выходит, поэтому решил задать сразу много вопросов.
1. Как изменить цвет этой панельки
2. Как удалить эти кнопки
3. Как перенести эти кнопки на панель ниже
4. Как удалить эту панель
5. Как сюда вставить картинку
6. Как сюда вставить картинку
7. Как сюда вставить функцию "Задать вопрос"
8. Как передвинуть корзину в правый угол + вставить рядом картинку
9. Как уменьшить поиск и передвинуть его в правый угол
10. Как вставить окошко ссылка в контакт
11. Как вставить отзывы клиентов
12. Как изменить текст, либо удалить его
13. Как изменить название вкладки
14. Как заменить картинку заднего фона ?
SL-305371
Заранее благодарю за ответ :)

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

  • 123.png


#2 Alekseys

Alekseys

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

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

Отправлено 25 Август 2014 - 13:07

Просмотр сообщенияaap1k (25 Август 2014 - 12:59) писал:

Доброго времени суток, я новичек в создании сайтов, поэтому у меня очень много вопросов.2 дня рыскаю по форуму и толком ни чего не выходит, поэтому решил задать сразу много вопросов.
1. Как изменить цвет этой панельки
2. Как удалить эти кнопки
3. Как перенести эти кнопки на панель ниже
4. Как удалить эту панель
5. Как сюда вставить картинку
6. Как сюда вставить картинку
7. Как сюда вставить функцию "Задать вопрос"
8. Как передвинуть корзину в правый угол + вставить рядом картинку
9. Как уменьшить поиск и передвинуть его в правый угол
10. Как вставить окошко ссылка в контакт
11. Как вставить отзывы клиентов
12. Как изменить текст, либо удалить его
13. Как изменить название вкладки
14. Как заменить картинку заднего фона ?
SL-305371
Заранее благодарю за ответ :)
Здравствуйте.
1. Зайдите в Сайт -> Редактор шаблонов -> style.css и в блоке
.nav {
list-style: none;
background: #000;
z-index: 30;
position: relative;
}
отредактируйте background: #000; для получения нужного вам цвета.

2. В HTML замените блок
<!-- Каталог товаров -->
<div class="conta">
	 <a class="toggleMenu" href="#">Каталог</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%}
</div>
<!-- /Каталог товаров -->
на
<!-- Каталог товаров -->
<div class="conta">
	 <!--<a class="toggleMenu" href="#">Каталог</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%}-->
</div>
<!-- /Каталог товаров -->
3. В HTML найдите блок
<div class="container">
	 <!-- Блок навигации -->
	 {% IFNOT menu_empty %}
	 <nav class="head">
		 <ul class="head">
		 {% FOR menu %}
		 {% FOR header %}
			 {% FOR links %}
			 <li>
				 <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 %}
		 </ul>
	 <a href="#" id="pull">Меню</a>
	 </nav>
	 {% ENDIF %}
	 <!-- /Блок навигации -->
	
	 <!-- Корзина -->
	 <div class="basket-info">
	 <div class="summary">
		 <a href="{CART_URL}"><strong>{% IF cart_count_empty %}
		 <span>0</span>
		 {% ELSE %}
			 {CART_COUNT_TOTAL}
		 {% ENDIF %}</strong> товаров в корзине</a>
	 </div>
	 <div class="basket-summary">
		 <table {% IF cart_count_empty %}style="display: none;"{% ENDIF %}>
		 <tbody>
			 <tr>
			 <td>Сумма заказа:</td>
			 <td>
				 {% IF cart_count_empty %}
					 <span>0</span> {CURRENCY_NAME}
				 {% ELSE %}
					 {% FOR cart_sum %}
					 {cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
					 {% ENDFOR %}
				 {% ENDIF %}
			 </td>
			 </tr>
		 </tbody>
		 </table>
		 {% IF cart_count_empty %}
		 <p>Ваша корзина пуста</p>
		 {% ENDIF %}
	 </div>
	 </div>
	 <!-- end Корзина -->
</div>
и перенесите его, поставив после
<!-- Каталог товаров -->
<div class="conta">
и в style.css замените
.conta {
position: relative;
width: 100%;
max-width: 1280px;
margin: 20px auto;
z-index: 30;
}
на
.conta {
position: relative;
width: 100%;
max-width: 1280px;
margin: 20px auto;
z-index: 30;
background: black;
height: 60px;
}
и
.container {
margin: 0 auto;
width: 90%;
position: relative;
max-width: 1280px;
overflow: visible;
}
поменяйте на
.container {
margin: 0 auto;
width: 90%;
position: relative;
max-width: 1280px;
padding-top: 10px;
overflow: visible;
}
4. В HTML удалите
<section class="global">

</section>
5. В HTML перед
<!-- Форма поиска -->
	 <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
	 <div>
вставьте
<div class="imgs"><img src="{ASSETS_IMAGES_PATH}logo.png" alt=""></div>
заменив logo.png на нужную картинку
и добавьте в style.css
.imgs {
float: left;
margin-left: 300px;
}
6. В HTML после
<div class="imgs"><img src="{ASSETS_IMAGES_PATH}logo.png" alt=""></div>
вставьте
<div class="imges"><img src="{ASSETS_IMAGES_PATH}logos.png" alt=""></div>
заменив logos.png на нужную картинку
и добавьте в style.css
.imges {
float: left;
margin-left: 300px;
}
отредактируйте margin-left: 300px; для смещения второй картинки.

#3 Vaccina

Vaccina

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

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

Отправлено 26 Август 2014 - 05:47

7. Попробуйте реализовать по сл.теме:
http://forum.storela...post__p__139770
8. На данный момент не обнаружила у вас корзины, вы ее удалили?
9. В style.css найдите:
form[role="search"] div {
background: none;
border-radius: 2px;
display: block;
height: 2.833em;
margin: 0 auto;
position: relative;
width: 30.5em;
z-index: 20;
}


form[role="search"] div {
background: none;
border-radius: 2px;
display: block;
height: 2.833em;
margin: 0 auto;
position: relative;
width: 250px;
z-index: 20;
}
измените на:
10,11. лучше встраивать внутри контента, так как может нарушиться адаптивность. Инструкция по реализации отзывов о магазине:
http://forum.storela...dpost__p__59241
12. Сайт - Страницы - Редактировать страницу - изменить описание на необходимое
13. Сайт - Страницы - Редактировать страницу с данным названием и изменить заголовок
14. В style.css найдите:
.bg {
background: #fff;
}

измените значение стиля background

#4 aap1k

aap1k

    Новичок

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

Отправлено 26 Август 2014 - 08:33

Просмотр сообщенияVaccina (26 Август 2014 - 05:47) писал:


8. На данный момент не обнаружила у вас корзины, вы ее удалили?


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

#5 aap1k

aap1k

    Новичок

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

Отправлено 26 Август 2014 - 09:23

Просмотр сообщенияVaccina (26 Август 2014 - 05:47) писал:

8. На данный момент не обнаружила у вас корзины, вы ее удалили?
9. В style.css найдите:
form[role="search"] div {
background: none;
border-radius: 2px;
display: block;
height: 2.833em;
margin: 0 auto;
position: relative;
width: 30.5em;
z-index: 20;
}


form[role="search"] div {
background: none;
border-radius: 2px;
display: block;
height: 2.833em;
margin: 0 auto;
position: relative;
width: 250px;
z-index: 20;
}
измените на:

Все заного сдлал, корзина появилась.
Но поиск изменить не могу. у меня почему то нету в style.css
form[role="search"] div {
background: none;
border-radius: 2px;
display: block;
height: 2.833em;
margin: 0 auto;
position: relative;
width: 30.5em;
z-index: 20;
}
Вот теперь бы уменьшить поиск и поменять его местами с корзиной.
И как изменить надписи кнопок Главная, доставка, корзина, каталог, контакты, войти в лк.

#6 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 26 Август 2014 - 09:37

Просмотр сообщенияaap1k (26 Август 2014 - 09:23) писал:

Все заного сдлал, корзина появилась.
Но поиск изменить не могу. у меня почему то нету в style.css
form[role="search"] div {
background: none;
border-radius: 2px;
display: block;
height: 2.833em;
margin: 0 auto;
position: relative;
width: 30.5em;
z-index: 20;
}
Вот теперь бы уменьшить поиск и поменять его местами с корзиной.
И как изменить надписи кнопок Главная, доставка, корзина, каталог, контакты, войти в лк.

В файле style.css
Находим
form[role="search"] div {display: block;margin: 0 auto;margin: 0 auto;position: relative;width: 30.5em;height: 2.833em;background: transparent;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;z-index: 20;}

Заменяем на
form[role="search"] div {display: block;margin: 0 auto;margin: 0 auto;position: relative;width: 30.5em;height: 2.833em;background: transparent;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;z-index: 20;width:250px;}

width:250px;  размер поиска.


Пожалуйста уточните на скриншоте как должны располагаться поиск и корзина в шапке.

#7 AnnaM

AnnaM

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

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

Отправлено 26 Август 2014 - 09:44

Просмотр сообщенияaap1k (26 Август 2014 - 09:23) писал:

Все заного сдлал, корзина появилась.
Но поиск изменить не могу. у меня почему то нету в style.css
form[role="search"] div {
background: none;
border-radius: 2px;
display: block;
height: 2.833em;
margin: 0 auto;
position: relative;
width: 30.5em;
z-index: 20;
}
Вот теперь бы уменьшить поиск и поменять его местами с корзиной.
И как изменить надписи кнопок Главная, доставка, корзина, каталог, контакты, войти в лк.
В файле style.css замените
.basket-info {
display: block;
position: relative;
z-index: 500;
}
на
.basket-info {
display: block;
position: relative;
z-index: 500;
margin-top: 77px;
}

а это
form[role="search"] {
position: absolute;
right: 2em;
top: 2.5em;
}
на это
form[role="search"] {
position: absolute;
right: 2em;
top: 0.5em;
}

затем, в файле "HTML" найдите блоки
<!-- Форма поиска -->
	 <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
	 <div>
		 <input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
		 <input title="Искать" type="submit" value="Поиск" />
	 </div>
	 </form>
	 <!-- /Форма поиска -->
и
<!-- Корзина -->
	 <div class="basket-info">
	 <div class="summary">
		 <a href="{CART_URL}"><strong>{% IF cart_count_empty %}
		 <span>0</span>
		 {% ELSE %}
			 {CART_COUNT_TOTAL}
		 {% ENDIF %}</strong> товаров в корзине</a>
	 </div>
	 <div class="basket-summary">
		 <table {% IF cart_count_empty %}style="display: none;"{% ENDIF %}>
		 <tbody>
			 <tr>
			 <td>Сумма заказа:</td>
			 <td>
				 {% IF cart_count_empty %}
					 <span>0</span> {CURRENCY_NAME}
				 {% ELSE %}
					 {% FOR cart_sum %}
					 {cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
					 {% ENDFOR %}
				 {% ENDIF %}
			 </td>
			 </tr>
		 </tbody>
		 </table>
		 {% IF cart_count_empty %}
		 <p>Ваша корзина пуста</p>
		 {% ENDIF %}
	 </div>
	 </div>
	 <!-- end Корзина -->
и поменяйте их местами.

Просмотр сообщенияaap1k (26 Август 2014 - 09:23) писал:

И как изменить надписи кнопок Главная, доставка, корзина, каталог, контакты, войти в лк.
Если вы хотите изменить стиль этих надписей,то он редактируется в данном блоке
.head li a {
color: #fff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
в файле style.css

Сами надписи меняются в разделе Сайт-->Меню.

#8 frolstep

frolstep

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

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 09 Февраль 2015 - 02:31

Здравствуйте!
Подскажите пожалуйста от куда взялась эта форма задать вопрос?
Давно, что-то подобное подключал, но было успешно удалено и отключено.
Изображение

#9 Alekseys

Alekseys

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

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

Отправлено 09 Февраль 2015 - 10:05

Просмотр сообщенияfrolstep (09 Февраль 2015 - 02:31) писал:

Здравствуйте!
Подскажите пожалуйста от куда взялась эта форма задать вопрос?
Давно, что-то подобное подключал, но было успешно удалено и отключено.
Здравствуйте. В main.css добавьте
#supportTrigger {
display: none!important;
}


#10 frolstep

frolstep

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

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 09 Февраль 2015 - 22:24

Просмотр сообщенияAlekseys (09 Февраль 2015 - 10:05) писал:

Здравствуйте. В main.css добавьте
#supportTrigger {
display: none!important;
}
Спасибо!




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

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