Сообщений в теме: 21

[ivanchik]

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

[Castiel]

ivanchik (01 Июль 2014 - 08:56) писал:

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

Здравствуйте,

В шаблоне "HTML"
Находим и удаляем:

		   <div id="vk"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}vk.png" title="" alt=""></a></div>
		  <div id="insta"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}insta.png" title="" alt=""></a></div>
			<div id="visa"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}visa.png" title="" alt=""></a></div>

В файле "HTML".
После кода:

<!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->

Добавить:

<div id="social">
		  <a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}vk.png" title="" alt=""></a>
		  <a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}insta.png" title="" alt=""></a>
		  <a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}visa.png" title="" alt=""></a>
		</div>

Рекомендуем вам использовать одинаковые размеры иконок, сейчас у вас
ВК 50х50  
Инста отсутствует
Виза 50х35

[ivanchik]

Да я пока экспериментирую)

Сразу второй вопрос: логотип съезжает вниз, если появляется справа запись "Сейчас на сравнении 1 тавар". Как только убираем из сравнения он встает на свое место

Вопрос номер три:
нужно довабить в падвал текст со своей стилистикой. напишите что добавить в html и в какое место и самое главное в css.

[ivanchik]

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

[Castiel]

ivanchik (01 Июль 2014 - 10:12) писал:

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

В конец файла "main.css".
Добавить код:

#social {
Ваши стили для блока иконок
}

В шаблоне "HTML"
Находим и удаляем:

<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>

В файле "HTML".
После кода:

<div id="togglerone" class="inner">

Добавить:

<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>

В файле "main.css".
Найти:

#header #logo {float:left;clear:both;margin:-120px 12px 12px 0;position:absolute;z-index:1000}

Заменить:

#header #logo {float:left;clear:both;margin-top:-12px;position:absolute;z-index:1000}

[ivanchik]

я разместил 3 черные иконки внизу подвала. так вот есть такие же но цветные. я хочу бы при наведении на черную она менялась на такую же цветую. попробовал, но не получилось, можете помочь?

[Vaccina]

Вам вместо:

<div id="google">
		 <img alt="" title="google" src="google.png">
		</div>

лучше использовать структуру:

<a href="ссылка" id="google"></a>

и далее в коде

#google {
	clear: both;
	float: left;
	margin-left: 350px;
	margin-top: 86px;
	position: absolute;
	z-index: 1000;
}

добавить:

#google {
	background: url("ссылка на иконку") no-repeat;
	clear: both;
	display: block;
	float: left;
	height: 40px;
	margin-left: 350px;
	margin-top: 86px;
	position: absolute;
	width: 40px;
	z-index: 1000;
}

не забудьте ссылки изменить.
И для отображения цветной иконки при наведении достаточно использовать следующее:

#google:hover {
	background: url("ссылка на цветную иконку") no-repeat;
}

другие кнопки соц сетей переделывайте по аналогии

[ivanchik]

я так понимаю к этим иконкам не привязать сервис по аналогии как с цветными иконками от uptolike.ru? что бы можно было при нажатии попадать на страницу любой соцсети "Поделиться новостью"?? Если нет то, то я уберу эти черные и оставлю цветные от сервиса. Тогда как их разместить по центру? по пробовал в css, не вышло. спасибо

[Castiel]

ivanchik (02 Июль 2014 - 14:22) писал:

я так понимаю к этим иконкам не привязать сервис по аналогии как с цветными иконками от uptolike.ru? что бы можно было при нажатии попадать на страницу любой соцсети "Поделиться новостью"?? Если нет то, то я уберу эти черные и оставлю цветные от сервиса. Тогда как их разместить по центру? по пробовал в css, не вышло. спасибо

Здравствуйте, серые кнопки ФБ Гугл+ Твитера являются просто иконками с прямой ссылкой, они не имеют функции "Поделиться новостью".

Попробуйте такой вариант для переноса кнопок

В шаблоне "HTML"
Находим и вырезаем:

				<script type="text/javascript">(function(w,doc) {
if (!w.__utlWdgt ) {
	w.__utlWdgt = true;
	var d = doc, s = d.createElement('script'), g = 'getElementsByTagName';
	s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
	s.src = ('https:' == w.location.protocol ? 'https' : 'http')  + '://w.uptolike.com/widgets/v1/uptolike.js';
	var h=d[g]('body')[0];
	h.appendChild(s);
}})(window,document);
</script>
<div data-background-alpha="0.0" data-buttons-color="000000" data-counter-background-color="ffffff" data-share-counter-size="11" data-share-counter-type="disable" data-top-button="false" data-share-style="8" data-mode="share" data-like-text-enable="false" data-hover-effect="rotate-cw" data-icon-color="ffffff" data-orientation="horizontal" data-text-color="000000" data-share-shape="rectangle" data-sn-ids="fb.tw.ok.vk.gp.mr." data-background-color="ededed" data-share-size="30" data-pid="1273210" data-counter-background-alpha="1.0" data-following-enable="true" data-selection-enable="false" data-follow-fb="ваш_id" class="uptolike-buttons" ></div>

Вырезанный код вставляем после:

<!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->

[ivanchik]

они просто поднялись чуть выше, но попрежнему не управляются с помощью записи в css... хотелось бы их поместить по центру вниз.

[Castiel]

ivanchik (02 Июль 2014 - 16:15) писал:

они просто поднялись чуть выше, но попрежнему не управляются с помощью записи в css... хотелось бы их поместить по центру вниз.

Оберните данный код в div и присвойте свои значения в стилях
Должно быть так

<script type="text/javascript">(function(w,doc) {
if (!w.__utlWdgt ) {
		w.__utlWdgt = true;
		var d = doc, s = d.createElement('script'), g = 'getElementsByTagName';
		s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
		s.src = ('https:' == w.location.protocol ? 'https' : 'http')  + '://w.uptolike.com/widgets/v1/uptolike.js';
		var h=d[g]('body')[0];
		h.appendChild(s);
}})(window,document);
</script>
<div id="social-buttons"><div data-background-alpha="0.0" data-buttons-color="000000" data-counter-background-color="ffffff" data-share-counter-size="11" data-share-counter-type="disable" data-top-button="false" data-share-style="8" data-mode="share" data-like-text-enable="false" data-hover-effect="rotate-cw" data-icon-color="ffffff" data-orientation="horizontal" data-text-color="000000" data-share-shape="rectangle" data-sn-ids="fb.tw.ok.vk.gp.mr." data-background-color="ededed" data-share-size="30" data-pid="1273210" data-counter-background-alpha="1.0" data-following-enable="true" data-selection-enable="false" data-follow-fb="ваш_id" class="uptolike-buttons" ></div></div>

Далее в стилях добавляем

#social-buttons {
float:left;
}

[ivanchik]

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

[MikDark]

ivanchik (03 Июль 2014 - 10:38) писал:

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

Если Вы зайдете в раздел Сайт - Страницы,выберите редактирование Вашей главной страницы, то в окне редактирования есть функция замены цвета. Если через нее сменить не получится, то нажимаете кнопку Источник над полем с текстом и в коде ищите все строки:

<span style="color:#3366ff;">

и меняете цвет #3366ff  на нужный.

[ivanchik]

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

[MikDark]

ivanchik (03 Июль 2014 - 11:08) писал:

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

В main.css добавьте:

div.menulinks a span:hover {
color: #000 !important;
}

где #000 - код цвета.

[ivanchik]

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

[MikDark]

ivanchik (03 Июль 2014 - 18:34) писал:

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

Из SEO выводится только SEO-описание. Если Вам не нужно чтобы оно выводилось - то просто не заполняйте.

[ivanchik]

Ну я так понимаю это будет отрицательно влиять на будущую сео оптимизацию сайта?

[MikDark]

ivanchik (03 Июль 2014 - 18:59) писал:

Ну я так понимаю это будет отрицательно влиять на будущую сео оптимизацию сайта?

Нет, это поле нужно только для вывода дополнительной информации на сайт. К SEO оно как к таковому не относится. Но SEo-description и SEO-keywords заполнять желательно.

[ivanchik]

я вот думаю, у меня одного так или нет. при наведении на любую из трех иконок "Быстро оформить заказ", "Добавить в избранное","Добавить в список сравнения с другими товарами", у меня начинает бегать полоска прокрутки справа и внизу. Очень не приятно, скажите как исправить или это так плагин работает