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


Публикации BooModa

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



#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



#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



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

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

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

Здравствуйте.
В main.css найдите код
.heading_title {
padding-bottom: 8px;
border-bottom: 1px solid #e1e1e1;
position: relative;
color: #333333;
}
Замените значение color на свое.

Так изменился цвет надписи, а нужно было изменить серую область)

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

  • Снимок10.JPG



#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



#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



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

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

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

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

  • Снимок7.JPG



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

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

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

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

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

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

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



#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;
}

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

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



#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



#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>											
Далее вырезанный код вставьте перед
<!-- Недавно просмотренные товары -->

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



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

Отправлено от BooModa в 06 Февраль 2015 - 18:26 в Изменение общей стилистики

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

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

Спасибо, сейчас всё отлично)



#157955 Авторизация Через Социальные Сети

Отправлено от BooModa в 09 Сентябрь 2014 - 14:33 в Общие вопросы

Так и не появилась данная возможность?