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


Быстрый Подъем И Поиск

Автор Jerek, 02 дек. 2012 17:20

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

#41 igor

igor

    Пользователь

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

Отправлено 19 Апрель 2013 - 23:50

У меня правда шаблон Сияние

#42 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 20 Апрель 2013 - 14:03

Просмотр сообщенияigor (19 Апрель 2013 - 23:21) писал:

А у меня ничего не получается пробовал два раза http://f-shop74.ru/ в чём дело?

в шаблоне HTML после
<!-- Скрипты магазина -->
вставьте
<script src="{ASSETS_JS_PATH}main.js" ></script>

в результате у Вас перед </head> должно получиться следующее
<!-- Скрипты магазина -->
<script src="{ASSETS_JS_PATH}main.js" ></script>
<script>
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function () {
		 $(window).scroll(function () {
				 if ($(this).scrollTop() > 100) {
						 $('#back-top').fadeIn();
				 } else {
						 $('#back-top').fadeOut();
				 }
		 });
		 // scroll body to 0px on click
		 $('#back-top a').click(function () {
				 $('body,html').animate({
						 scrollTop: 0
				 }, 800);
				 return false;
		 });
});
});
</script>

Также в разделе настройки -> основный -> код для вывода на всех страницах сайта, в самом конце содержимого там найдите строчку
<script type="text/javascript">/script
удалите ее

#43 igor

igor

    Пользователь

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

Отправлено 24 Апрель 2013 - 22:16

Спасибо, всё получилось.
а как теперь изображение кнопки поменять?

#44 igor

igor

    Пользователь

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

Отправлено 24 Апрель 2013 - 22:38

Все уже сам разобрался, еще раз спасибо за помощь.

#45 Keks

Keks

    Продвинутый пользователь

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

Отправлено 23 Октябрь 2014 - 17:48

Просмотр сообщенияsupport 2.0 (20 Апрель 2013 - 14:03) писал:

в шаблоне HTML после
<!-- Скрипты магазина -->
вставьте
<script src="{ASSETS_JS_PATH}main.js" ></script>

в результате у Вас перед </head> должно получиться следующее
<!-- Скрипты магазина -->
<script src="{ASSETS_JS_PATH}main.js" ></script>
<script>
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function () {
		 $(window).scroll(function () {
				 if ($(this).scrollTop() > 100) {
						 $('#back-top').fadeIn();
				 } else {
						 $('#back-top').fadeOut();
				 }
		 });
		 // scroll body to 0px on click
		 $('#back-top a').click(function () {
				 $('body,html').animate({
						 scrollTop: 0
				 }, 800);
				 return false;
		 });
});
});
</script>

Также в разделе настройки -> основный -> код для вывода на всех страницах сайта, в самом конце содержимого там найдите строчку
<script type="text/javascript">/script
удалите ее

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

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

  • 1246269_0.jpg

#46 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 23 Октябрь 2014 - 18:07

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

Здравствуйте. Подскажите, как выровнять кнопку, чтобы она не наезжала на товар и была ровно над надписью наверх? можно сделать картинку чтобы кнопка выла со стрелкой наверх?
В main.css
#back-top {
bottom: 4%;
position: fixed;
right: 4%;
}
измените на
#back-top {
bottom: 4%;
position: fixed;
right: -1%;
}

#47 Denissalt

Denissalt

    Новичок

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

Отправлено 26 Февраль 2016 - 12:07

Как перенести кнопку с надписью наверх в левый угол сайта?

#48 Юля123

Юля123

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

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

Отправлено 26 Февраль 2016 - 13:29

Просмотр сообщенияDenissalt (26 Февраль 2016 - 12:07) писал:

Как перенести кнопку с надписью наверх в левый угол сайта?

Здравствуйте, уточните, пожалуйста, о какой кнопке идет речь?

#49 Denissalt

Denissalt

    Новичок

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

Отправлено 26 Февраль 2016 - 14:10

Просмотр сообщенияЮля123 (26 Февраль 2016 - 13:29) писал:

Здравствуйте, уточните, пожалуйста, о какой кнопке идет речь?
Об иконке Вверх, по поводу которой в этой теме обсуждается. Установилась нормально, но она в правом нижнем углу, а нужно переместить в левый нижний

#50 Юля123

Юля123

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

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

Отправлено 26 Февраль 2016 - 14:54

Просмотр сообщенияDenissalt (26 Февраль 2016 - 14:10) писал:

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

Найдите в main.css код:

#back-top {
bottom: 4%;
position: fixed;
right: 4%;
}

и замените на код:

#back-top {
bottom: 4%;
position: fixed;
left: 4%;
}

#51 Denissalt

Denissalt

    Новичок

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

Отправлено 26 Февраль 2016 - 15:16

Просмотр сообщенияЮля123 (26 Февраль 2016 - 14:54) писал:

Найдите в main.css код:

#back-top {
bottom: 4%;
position: fixed;
right: 4%;
}

и замените на код:

#back-top {
bottom: 4%;
position: fixed;
left: 4%;
}
СПАСИБО!

#52 Denissalt

Denissalt

    Новичок

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

Отправлено 27 Февраль 2016 - 11:48

Просмотр сообщенияsupport 2.0 (14 Декабрь 2012 - 18:05) писал:

В шаблоне HTML ПЕРЕД </head> вставить код
<script>
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();

// fade in #back-top
$(function () {
	 $(window).scroll(function () {
		 if ($(this).scrollTop() > 100) {
			 $('#back-top').fadeIn();
		 } else {
			 $('#back-top').fadeOut();
		 }
	 });
	 // scroll body to 0px on click
	 $('#back-top a').click(function () {
		 $('body,html').animate({
			 scrollTop: 0
		 }, 800);
		 return false;
	 });
});
});
</script>

Теперь ПЕРЕД </body> вставить код
<p id="back-top" style="display: block;">
	 <a href="#top"><span></span>Наверх</a>
</p>

Далее зайдите в файл main.css и в конце файла добавьте код
#back-top {
bottom: 4%;
position: fixed;
right: 4%;
}
#back-top a {
width: 108px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #bbbbbb;
opacity: 0.5;
/* замедление */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #000000;
opacity: 1;
}
/* изображение со стрелкой (тег span) */
#back-top span {
width: 64px;
height: 64px;
display: block;
margin-bottom: 7px;
background: url(http://i35.fastpic.ru/big/2012/0421/73/39dcabc5368215af545fe408f1499c73.gif) no-repeat center center #dddddd;
/* закругленные углы */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/* замедление */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #777;
}

Повторю вопрос: как это пятно с надписью наверх отредактировать по цвету? А лучше чтобы это была картинка со стрелкой вверх...

#53 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 27 Февраль 2016 - 12:13

Просмотр сообщенияDenissalt (27 Февраль 2016 - 11:48) писал:

Повторю вопрос: как это пятно с надписью наверх отредактировать по цвету? А лучше чтобы это была картинка со стрелкой вверх...

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
/* изображение со стрелкой (тег span) */
#back-top span {
width: 64px;
height: 64px;
display: block;
margin-bottom: 7px;
background: url(http://i35.fastpic.ru/big/2012/0421/73/39dcabc5368215af545fe408f1499c73.gif) no-repeat center center #dddddd;
/* закругленные углы */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/* замедление */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}

Замените на:
/* изображение со стрелкой (тег span) */
#back-top span {
width: 64px;
height: 64px;
display: block;
margin-bottom: 7px;
background: url("{ASSETS_IMAGES_PATH}arrow-up.png?design=plastic") no-repeat center center #dddddd;
/* закругленные углы */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/* замедление */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}

Далее в редакторе шаблонов загрузите изображение из приложения к сообщению по кнопке "Добавить файлы".

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

  • arrow-up.png

#54 Denissalt

Denissalt

    Новичок

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

Отправлено 27 Февраль 2016 - 12:36

Просмотр сообщенияFirefly (27 Февраль 2016 - 12:13) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
/* изображение со стрелкой (тег span) */
#back-top span {
width: 64px;
height: 64px;
display: block;
margin-bottom: 7px;
background: url(http://i35.fastpic.ru/big/2012/0421/73/39dcabc5368215af545fe408f1499c73.gif) no-repeat center center #dddddd;
/* закругленные углы */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/* замедление */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}

Замените на:
/* изображение со стрелкой (тег span) */
#back-top span {
width: 64px;
height: 64px;
display: block;
margin-bottom: 7px;
background: url("{ASSETS_IMAGES_PATH}arrow-up.png?design=plastic") no-repeat center center #dddddd;
/* закругленные углы */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/* замедление */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}

Далее в редакторе шаблонов загрузите изображение из приложения к сообщению по кнопке "Добавить файлы".
Благодарю!
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. → Изменение общей стилистики
  6. Privacy Policy