0
Помогите Новичку Разобраться С Основным Меню
Автор aap1k, 25 авг. 2014 12:59
Сообщений в теме: 9
#1
Отправлено 25 Август 2014 - 12:59
Доброго времени суток, я новичек в создании сайтов, поэтому у меня очень много вопросов.2 дня рыскаю по форуму и толком ни чего не выходит, поэтому решил задать сразу много вопросов.
1. Как изменить цвет этой панельки
2. Как удалить эти кнопки
3. Как перенести эти кнопки на панель ниже
4. Как удалить эту панель
5. Как сюда вставить картинку
6. Как сюда вставить картинку
7. Как сюда вставить функцию "Задать вопрос"
8. Как передвинуть корзину в правый угол + вставить рядом картинку
9. Как уменьшить поиск и передвинуть его в правый угол
10. Как вставить окошко ссылка в контакт
11. Как вставить отзывы клиентов
12. Как изменить текст, либо удалить его
13. Как изменить название вкладки
14. Как заменить картинку заднего фона ?
SL-305371
Заранее благодарю за ответ
1. Как изменить цвет этой панельки
2. Как удалить эти кнопки
3. Как перенести эти кнопки на панель ниже
4. Как удалить эту панель
5. Как сюда вставить картинку
6. Как сюда вставить картинку
7. Как сюда вставить функцию "Задать вопрос"
8. Как передвинуть корзину в правый угол + вставить рядом картинку
9. Как уменьшить поиск и передвинуть его в правый угол
10. Как вставить окошко ссылка в контакт
11. Как вставить отзывы клиентов
12. Как изменить текст, либо удалить его
13. Как изменить название вкладки
14. Как заменить картинку заднего фона ?
SL-305371
Заранее благодарю за ответ
#2
Отправлено 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. Как изменить цвет этой панельки
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
Отправлено 26 Август 2014 - 05:47
7. Попробуйте реализовать по сл.теме:
http://forum.storela...post__p__139770
8. На данный момент не обнаружила у вас корзины, вы ее удалили?
9. В style.css найдите:
10,11. лучше встраивать внутри контента, так как может нарушиться адаптивность. Инструкция по реализации отзывов о магазине:
http://forum.storela...dpost__p__59241
12. Сайт - Страницы - Редактировать страницу - изменить описание на необходимое
13. Сайт - Страницы - Редактировать страницу с данным названием и изменить заголовок
14. В style.css найдите:
измените значение стиля background
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
#5
Отправлено 26 Август 2014 - 09:23
Vaccina (26 Август 2014 - 05:47) писал:
8. На данный момент не обнаружила у вас корзины, вы ее удалили?
9. В style.css найдите:
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
Отправлено 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 {
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
Отправлено 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
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;
}
Вот теперь бы уменьшить поиск и поменять его местами с корзиной.
И как изменить надписи кнопок Главная, доставка, корзина, каталог, контакты, войти в лк.
.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
Отправлено 09 Февраль 2015 - 02:31
Здравствуйте!
Подскажите пожалуйста от куда взялась эта форма задать вопрос?
Давно, что-то подобное подключал, но было успешно удалено и отключено.
Подскажите пожалуйста от куда взялась эта форма задать вопрос?
Давно, что-то подобное подключал, но было успешно удалено и отключено.
#9
Отправлено 09 Февраль 2015 - 10:05
frolstep (09 Февраль 2015 - 02:31) писал:
Здравствуйте!
Подскажите пожалуйста от куда взялась эта форма задать вопрос?
Давно, что-то подобное подключал, но было успешно удалено и отключено.
Подскажите пожалуйста от куда взялась эта форма задать вопрос?
Давно, что-то подобное подключал, но было успешно удалено и отключено.
#supportTrigger { display: none!important; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных