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


Публикации BooModa

112 публикаций создано BooModa (учитываются публикации только с 29-Июнь 23)



#160984 Изменение Шаблона

Отправлено от BooModa в 21 Сентябрь 2014 - 13:23 в Изменение общей стилистики

Просмотр сообщенияbatta (21 Сентябрь 2014 - 13:20) писал:

Здравствуйте
Загрузите картинку потом напишите название картинки
{ASSETS_IMAGES_PATH}название_картинки')
нам где написано название картинки.

Так и делала, картинку загрузила, код изменила: body{line-height:1;color:black;background:url('{ASSETS_IMAGES_PATH}fon');}



#160696 Изменение Шаблона

Отправлено от BooModa в 20 Сентябрь 2014 - 14:12 в Изменение общей стилистики

Просмотр сообщенияDanil (20 Сентябрь 2014 - 10:28) писал:

В шаблоне html найдите код и вырежьте его
<!-- Форма поиска -->
								 <div id="search">
												 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
												 <button title="Искать" type="submit" value="Поиск" class="button-search"></button>
												 <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = &#39;&#39;;" onkeydown="this.style.color = &#39;#000000&#39;;"/>
												 </form>
								 </div>
								 <!-- /Форма поиска -->
Вставьте вырезанный код после строки
<!-- end Корзина -->
В main.css найдите код
#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
}
И замените на
#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
float:right;
}

Далее в шаблоне html найдите код
	 <!-- Верхний блок навигации -->
			 <ul id="main_nav">
			 {% 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>
			 <!-- end Верхний блок навигации -->
И замените на
<!-- Верхний блок навигации -->
			 <ul id="main_nav">
			 {% FOR menu %}
				 {% FOR header %}
				 {% FOR links %}
					 <li {% IF menu.header.links.NAME = Мой кабинет || menu.header.links.NAME = Выход || menu.header.links.NAME = Войти в ЛК %}style="float:right;"{% ENDIF %}><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>
			 <!-- end Верхний блок навигации -->
Далее в main.css найдите
#header .links {
padding-right: 10px;
float: left;
margin-left: 30px;
clear: both;
}
И замените на
#header .links {
padding-right: 10px;
float: left;
margin-left: 30px;
clear: both;
width:100%;
}

Нужно сместить корзину вниз до указанной линии, и до этой же линии спустить поиск, он вообще очень сильно выехал. Также нужно поменять кнопки выход и мой кабинет местами

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

  • Безымянный.png



#165235 Изменение Шаблона

Отправлено от BooModa в 10 Октябрь 2014 - 17:10 в Изменение общей стилистики

Просмотр сообщенияИрина345 (10 Октябрь 2014 - 16:56) писал:

Здравствуйте, найдите в HTML
<div class="links">
<!-- Верхний блок навигации -->
<ul id="main_nav">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li {% IF menu.header.links.NAME = Мой кабинет || menu.header.links.NAME = Выход || menu.header.links.NAME = Войти в ЛК %}style="float:right;"{% ENDIF %}><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>
<!-- end Верхний блок навигации -->

<form name="menu">
<select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value">
<option>Выберите пункт меню...</option>
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<option value="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}selected=""{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></option>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</select>
</form>
</div>
и перенесите его после строчек

<!-- /Форма поиска -->

<div class="clear"></div>

Получился слишком большой отступ сверху, нужно сократить)

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

  • верх.JPG
  • верх2.JPG



#160707 Изменение Шаблона

Отправлено от BooModa в 20 Сентябрь 2014 - 14:45 в Изменение общей стилистики

Просмотр сообщенияDanil (20 Сентябрь 2014 - 14:19) писал:

Чтобы поменять местами пункты меню зайдите в раздел Сайт-Меню.
Далее в main.css найдите код
#header #search {
position: relative;
float: right;
right: 0px;
margin-bottom: 9px;
width: 247px;
z-index: 15;
}
И замените на
#header #search {
position: relative;
float: right;
right: 0px;
margin-bottom: 9px;
width: 247px;
z-index: 15;
margin-top: 37px;
}
Так же найдите код
#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
float: right;
}
И замените на
#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
margin-top: 20px;
float: right;
}

Спасиииибо) Далее нужно сделать так, чтобы при наведении курсором на пункт меню цвет букв менялся с черного на #FF0552

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

  • Снимок4.JPG



#161014 Изменение Шаблона

Отправлено от BooModa в 21 Сентябрь 2014 - 16:17 в Изменение общей стилистики

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



#160713 Изменение Шаблона

Отправлено от BooModa в 20 Сентябрь 2014 - 15:03 в Изменение общей стилистики

Просмотр сообщенияDanil (20 Сентябрь 2014 - 14:52) писал:

В main.css найдите код
#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: #ffffff;
padding: 11px 10px 9px 10px;
color: #FF0552;
}

Просмотр сообщенияDanil (20 Сентябрь 2014 - 14:52) писал:

В main.css найдите код
#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: #ffffff;
padding: 11px 10px 9px 10px;
color: #FF0552;
}

С шапкой пока всё) Теперь меню каталога: нужно заменить стандартные плюсики для раскрытия категорий на обычные стрелочки ︽ ︾ . Стрелочка вниз для раскрытия категорий, вверх для закрытия. Цвет стрелочек #FF0552

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

  • Снимок2.JPG



#160974 Изменение Шаблона

Отправлено от BooModa в 21 Сентябрь 2014 - 13:08 в Изменение общей стилистики

Просмотр сообщенияDars (21 Сентябрь 2014 - 13:06) писал:

В main.css:
для тела сайта:

body{line-height:1;color:black;background:white}


- свой цвет вместо white.

Для шапки:

#header {
position: relative;
z-index: 99;
background-color: #ffffff;
}

- свой цвет вместо ffffff.

Хотелось бы загрузить картинку вместо белого фона, не правильно наверное выразилась)



#160730 Изменение Шаблона

Отправлено от BooModa в 20 Сентябрь 2014 - 15:28 в Изменение общей стилистики

Просмотр сообщенияDanil (20 Сентябрь 2014 - 15:17) писал:

Чтобы заменить плюс/минус на стрелочки, зайдите в раздел редактор шаблонов-изображения и скачайте картинку с именем back_toggle.png, и измените в графическом редакторе, так как Вам нужно.
После удалите старое изображение(back_toggle.png) и загрузите отредактированное изображение, не изменяя имени.

Хорошо, попробую) Ещё хотелось бы изменить нижнюю часть сайта, а именно: разместить наш е-mail, в настройках не нашла как сделать, и справа разместить виджет группы вконтакте, также уменьшить высоту этой области (если я правильно понимаю подвала) примерно на одну третью.

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

  • Безымянный.png



#160995 Изменение Шаблона

Отправлено от BooModa в 21 Сентябрь 2014 - 13:59 в Изменение общей стилистики

Просмотр сообщенияDars (21 Сентябрь 2014 - 13:38) писал:

По высоте - около 1500px.

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



#160737 Изменение Шаблона

Отправлено от BooModa в 20 Сентябрь 2014 - 15:45 в Изменение общей стилистики

В шапке возникла проблема: при добавлении товара в сравнение корзина уехала влево и вниз.

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

  • Снимок7.JPG



#161069 Изменение Шаблона

Отправлено от BooModa в 21 Сентябрь 2014 - 20:47 в Изменение общей стилистики

Как сделать, чтобы в колонке "вы смотрели" отображались 5 последних товаров?



#160764 Изменение Шаблона

Отправлено от BooModa в 20 Сентябрь 2014 - 16:51 в Изменение общей стилистики

Просмотр сообщенияDanil (20 Сентябрь 2014 - 16:00) писал:

В шаблоне html найдите код
<div class="one_fourth last column">
		 <h4>Контакты</h4>
		 <div class="footer_links">
		 {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
		 {% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}	
		 </div>
	 </div>
И замените на
<div class="one_fourth last column">
		 <h4>Контакты</h4>
		 <div class="footer_links">
		 {% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
		 {% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}
		 {% IF SETTINGS_STORE_EMAIL_MAIN %}<span class="footer_email">{SETTINGS_STORE_EMAIL_MAIN}</span>{% ENDIF %}
		 </div>
	 </div>

В main.css найдите код
#footer .column {
margin-bottom: 15px;
min-height: 348px;
}
И замените на
#footer .column {
margin-bottom: 15px;
min-height: 230px;
}

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

Хорошо, а как переместить под каталог?



#160642 Изменение Шаблона

Отправлено от BooModa в 20 Сентябрь 2014 - 09:38 в Изменение общей стилистики

Просмотр сообщенияDanil (20 Сентябрь 2014 - 09:18) писал:

В main.css найдите
.title-holder {
background: url('{ASSETS_IMAGES_PATH}inner_shadow2.png') 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;
}
Значение background-color: #f1f1f1;(цвет фона)
background: url('{ASSETS_IMAGES_PATH}inner_shadow2.png') 50% 3px no-repeat;(затемнение фона)
border-bottom: 1px solid #e9e9e9;(закрашенная рамка блока)

Спасибо) Далее требуется произвести изменения в соответствии с приложенными фото

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

  • Безымянный1 - копия.png
  • Безымянный1.png



#160795 Изменение Шаблона

Отправлено от BooModa в 20 Сентябрь 2014 - 17:46 в Изменение общей стилистики

Просмотр сообщенияDanil (20 Сентябрь 2014 - 17:05) писал:

Зайдите в раздел настройки-основные-Код для вывода на всех страницах магазина и вырежьте код виджета
После вырезанный код вставьте в шаблоне html перед строками
<!-- END Недавно просмотренные товары -->
	 </div>

Как можно изменить цвет кнопок с первого фото на цвет как на втором фото? То есть чтобы изначально три кнопки горели красным, а при нажатии на одну из них она меняла цвет на черный?

Просмотр сообщенияDanil (20 Сентябрь 2014 - 17:05) писал:

Зайдите в раздел настройки-основные-Код для вывода на всех страницах магазина и вырежьте код виджета
После вырезанный код вставьте в шаблоне html перед строками
<!-- END Недавно просмотренные товары -->
	 </div>

А можно разместить этот виджет после каталога, но перед "вы смотрели"?

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

  • Снимок5.JPG
  • Снимок6.JPG



#160981 Изменение Шаблона

Отправлено от BooModa в 21 Сентябрь 2014 - 13:16 в Изменение общей стилистики

Просмотр сообщенияDars (21 Сентябрь 2014 - 13:10) писал:

Тогда строку:

body{line-height:1;color:black;background:white}

замените на:

body{line-height:1;color:black;background:url('{ASSETS_IMAGES_PATH}название_картинки');}

Ничего не изменилось



#160803 Изменение Шаблона

Отправлено от BooModa в 20 Сентябрь 2014 - 18:11 в Изменение общей стилистики

Просмотр сообщенияDanil (20 Сентябрь 2014 - 18:00) писал:

Зайдите в раздел настройки-основные-Код для вывода на всех страницах магазина и удалите код.
Далее в шаблоне html найдите код и вырежьте его.
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 56833870);
</script>											
Далее вырезанный код вставьте перед
<!-- Недавно просмотренные товары -->

А что по поводу изменения цвета кнопок? И как сменить иконку сайта?



#160988 Изменение Шаблона

Отправлено от BooModa в 21 Сентябрь 2014 - 13:31 в Изменение общей стилистики

Просмотр сообщенияbatta (21 Сентябрь 2014 - 13:28) писал:

Переименуйте картинку с fon на fon.jpg
Сработало, только картинка оказалась маловата, какой должен быть размер?



#160809 Изменение Шаблона

Отправлено от BooModa в 20 Сентябрь 2014 - 18:31 в Изменение общей стилистики

Просмотр сообщенияDanil (20 Сентябрь 2014 - 17:05) писал:

Зайдите в раздел настройки-основные-Код для вывода на всех страницах магазина и вырежьте код виджета
После вырезанный код вставьте в шаблоне html перед строками
<!-- END Недавно просмотренные товары -->
	 </div>

Виджет установила, теперь нужно стелать между ним и "вы смотрели" небольшой отступ (такой же как от каталога до виджета)

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

  • Снимок8.JPG



#161010 Изменение Шаблона

Отправлено от BooModa в 21 Сентябрь 2014 - 15:43 в Изменение общей стилистики

Просмотр сообщенияbatta (21 Сентябрь 2014 - 15:14) писал:

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



#160818 Изменение Шаблона

Отправлено от BooModa в 20 Сентябрь 2014 - 19:22 в Изменение общей стилистики

Просмотр сообщенияMikDark (20 Сентябрь 2014 - 18:50) писал:

В main.css добавьте код:
div#vk_groups {
margin-bottom: 13px;
}

А как поменять эту



В main.css найдите код:
#column-left a.add_to_cart_small, #column-left a.add_to_wishlist_small, #column-left a.add_to_compare_small {
background-color: #cecece;
}

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

#column-left a.add_to_cart_small, #column-left a.add_to_wishlist_small, #column-left a.add_to_compare_small {
background-color: #ff0551;
}

Если речь о favicon, то вам нужно создать иконку, сохранить с именем favicon.ico и загрузить в раздел Сайт - Редактор шаблонов

Да, favicon. А как её сменить? Удаляю файл, загружаю новый, а все равно остается иконка, которую загружала до этого?



#161016 Изменение Шаблона

Отправлено от BooModa в 21 Сентябрь 2014 - 16:31 в Изменение общей стилистики

Просмотр сообщенияbatta (21 Сентябрь 2014 - 16:19) писал:

Ясно, спасибо)



#160832 Изменение Шаблона

Отправлено от BooModa в 20 Сентябрь 2014 - 19:45 в Изменение общей стилистики

Просмотр сообщенияDars (20 Сентябрь 2014 - 19:35) писал:

Должна отображаться фавиконка в виде двух букв BM? Если да, то старая иконка просто закэшировалась, нужно немного подождать, пока ваш браузер распознает новую иконку.

Да, спасибо, я браузер перезагрузила, отобразилась)



#165222 Изменение Шаблона

Отправлено от BooModa в 10 Октябрь 2014 - 16:36 в Изменение общей стилистики

Здравствуйте, нужно сместить верхнее меню под логотип)

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

  • Снимок1.JPG
  • Безымянный.png



#160972 Изменение Шаблона

Отправлено от BooModa в 21 Сентябрь 2014 - 13:04 в Изменение общей стилистики

Подскажите пожалуйста как сменить общий фон сайта?



#165240 Изменение Шаблона

Отправлено от BooModa в 10 Октябрь 2014 - 17:19 в Изменение общей стилистики

Просмотр сообщенияbatta (10 Октябрь 2014 - 17:12) писал:

Здравствуйте.
В main.css
.header_top {
width: 100%;
margin: 0 auto;
min-height: 40px;
background-color: #FFFFFF;
}
измените на
.header_top {
width: 100%;
margin: 0 auto;
min-height: 10px;
background-color: #FFFFFF;
}

Спасибо, а как теперь поменять цвет строки меню?)