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


Помогите Поставить Слайдер Интересных Предложений


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

#281 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 09 Август 2013 - 23:47

Судя по результату ощущение, что вы не загрузили файлы в редактор шаблонов, указанные в данном посте:
http://forum.storela...лож/#entry32986
Или не подключили их, как указано там же:

Цитата

После кода:
<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
Добавить:

После кода:
<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
Добавить:
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />



#282 AlexP_RUS

AlexP_RUS

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

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

Отправлено 10 Август 2013 - 09:09

Да, вы правы, я забыл подключить.
После того как подключил стало ещё хуже.

#283 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 10 Август 2013 - 11:25

Просмотр сообщенияAlexP_RUS (10 Август 2013 - 09:09) писал:

Да, вы правы, я забыл подключить.
После того как подключил стало ещё хуже.

Не нашла у Вас кода в шаблоне HTML -
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />
Вы его удалили?

#284 AlexP_RUS

AlexP_RUS

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

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

Отправлено 11 Август 2013 - 20:02

Поставил обратно. Только нужно быстрее решать проблему, я такое не могу долго оставлять на сайте.

Опять снял.
Vaccina, жду от Вас помощи!
Поставлю вечером опять.

Сообщение отредактировал AlexP_RUS: 12 Август 2013 - 08:21


#285 AlexP_RUS

AlexP_RUS

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

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

Отправлено 12 Август 2013 - 19:52

Поставил, пожалуйста подскажите что делать дальше? Главная страница смотрится просто ужасно. Сильно растянулась в правый бок и слайдер стал огромным.

#286 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Август 2013 - 00:49

Замените содержимое файла стилей carousel.css на следующее содержимое

.d-carousel ul li, .d-carousel-new ul li {
background: none;
background-color: #FFF;
-webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;
-moz-box-shadow: 0px 1px 2px 0px #b7b7b7;
box-shadow: 0px 1px 2px 0px #b7b7b7;
padding: 15px;
width: 175px;
}
.jcarousel-direction-rtl {
direction: rtl;
}
.d-carousel h4, .d-carousel-new h4 {
  margin: 5px 0 5px 0;
font-size: 14px;
}
.d-carousel .jcarousel-container, .d-carousel-new .jcarousel-container {
display: block;
overflow: hidden;
margin-bottom: 20px;
}
.d-carousel .jcarousel-item, .d-carousel-new .jcarousel-item {
width: 190px;
height: 290px;
}
.d-carousel .jcarousel-container-horizontal, .d-carousel-new .jcarousel-container-horizontal {
	width: 650px;
height: 325px;
padding: 0 45px;
}
.d-carousel .jcarousel-item-horizontal, .d-carousel-new .jcarousel-item-horizontal {
margin-left: 3px;
margin-bottom: 3px;
margin-top: 3px;
margin-right: 11px;
}
.d-carousel .jcarousel-next-horizontal, .d-carousel-new .jcarousel-next-horizontal {
position: absolute;
top: 149px;
right: 0;
margin-right: 3px;
width: 15px;
height: 28px;
cursor: pointer;
background: transparent url({ASSETS_IMAGES_PATH}blog-arrows.jpg) no-repeat top right;
}
.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal, .d-carousel-new .jcarousel-direction-rtl .jcarousel-next-horizontal {
left: 5px;
right: auto;
background-image: url({ASSETS_IMAGES_PATH}blog-arrows.jpg);
}
.d-carousel .jcarousel-next-horizontal:hover, .d-carousel-new .jcarousel-next-horizontal:hover {
background-position: bottom right;
}
.d-carousel .jcarousel-prev-horizontal, .d-carousel-new .jcarousel-prev-horizontal {
position: absolute;
top: 149px;
left: 0;
margin-left: 3px;
width: 15px;
height: 28px;
cursor: pointer;
background: transparent url({ASSETS_IMAGES_PATH}blog-arrows.jpg) no-repeat top left;
}
.d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal, .d-carousel-new .jcarousel-direction-rtl .jcarousel-prev-horizontal {
left: auto;
right: 5px;
background-image: url({ASSETS_IMAGES_PATH}blog-arrows.jpg);
}
.d-carousel .jcarousel-prev-horizontal:hover, .d-carousel-new .jcarousel-prev-horizontal:hover {
background-position: bottom left;
}

так же загрузите изображения стрелок blog-arrows.jpg

#287 AlexP_RUS

AlexP_RUS

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

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

Отправлено 13 Август 2013 - 19:39

Сделал, какие мои действия дальше? Нужно сделать по 4 вряд, со стрелками как на том сайте. Слайдер нужен из обычных ячеек товара, без обрамленных больших ячеек самого слайдера.

Ещё один момент. Когда добавляю этот код в скрипты
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />
то стиль шрифта во всех заголовках сайта меняется на совершенно другой. Что сделать, чтобы шрифт не менялся? (если код удаляю, то старый шрифт возвращается)

#288 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 14 Август 2013 - 00:58

Найдите и удалите в файле стилей carousel.css

.d-carousel .jcarousel-item-horizontal, .d-carousel-new .jcarousel-item-horizontal {
margin-left: 3px;
margin-bottom: 3px;
margin-top: 3px;
margin-right: 11px;
}

далее найдите

.d-carousel ul li, .d-carousel-new ul li {
background: none;
background-color: #FFF;
-webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;
-moz-box-shadow: 0px 1px 2px 0px #b7b7b7;
box-shadow: 0px 1px 2px 0px #b7b7b7;
padding: 15px;
width: 175px;
}

и замените на

.d-carousel ul li, .d-carousel-new ul li {
background: #FFF !important;
width: 175px;
}

далее найдите

.d-carousel .jcarousel-item, .d-carousel-new .jcarousel-item {
width: 190px;
height: 290px;
}

и замените на

.d-carousel .jcarousel-item, .d-carousel-new .jcarousel-item {
height: 208px;
	padding: 0 1px !important;
	width: 173px;
  text-align: center;
}

далее найдите

.d-carousel .jcarousel-container-horizontal, .d-carousel-new .jcarousel-container-horizontal {
		width: 650px;
height: 325px;
padding: 0 45px;
}

и замените на

.d-carousel .jcarousel-container-horizontal, .d-carousel-new .jcarousel-container-horizontal {
		height: 208px;
	width: 700px;
}

далее добавьте

.d-carousel .jcarousel-prev-horizontal, .d-carousel-new .jcarousel-prev-horizontal {
   top: 89px !important;
}

Цитата

то стиль шрифта во всех заголовках сайта меняется на совершенно другой.


У вас в файле стилей carousel.css все еще имеются стили заголовков и другие глобальные стили. Удалите их. Например такие стили как

ol, ul {
	list-style: none outside none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}
:focus {
	outline: 0 none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
	font-family: "Puritan20Italic";
	font-style: normal;
	font-weight: normal;
	src: url("style/type/puritan/puritan_italic-webfont.eot?") format("eot"), url("style/type/puritan/puritan_italic-webfont.woff") format("woff"), url("style/type/puritan/puritan_italic-webfont.ttf") format("truetype"), url("style/type/puritan/puritan_italic-webfont.svg#webfontZMWmRIPG") format("svg");
}
@font-face {
	font-family: "Puritan20Normal";
	font-style: normal;
	font-weight: normal;
	src: url("style/type/puritan/puritan_regular-webfont.eot?") format("eot"), url("style/type/puritan/puritan_regular-webfont.woff") format("woff"), url("style/type/puritan/puritan_regular-webfont.ttf") format("truetype"), url("style/type/puritan/puritan_regular-webfont.svg#webfontJ25dHiGv") format("svg");
}
a {
	color: #4B4B4B;
	text-decoration: none;
}
a:hover {
	color: #1C1C1C;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	color: #4B4B4B;
	font-family: 'Puritan20Normal';
	font-weight: normal;
	margin-bottom: 10px;
}
h4 {
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 7px;
}
#wrapper {
	margin: 10px auto 0;
	width: 960px;
}

Вам выше предлагалось заменить содержимое вашего файла стилей carousel.css

#289 AlexP_RUS

AlexP_RUS

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

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

Отправлено 14 Август 2013 - 20:05

Сделал, всё убралось как нужно. Только вот правая стрелка внизу оказалась. Левая стоит как надо, посередине.
Скачал другие стрелки от сюда babylook.me, заменил их, теперь надо их сделать как там, чтобы они выходили на половину из ячеек.
И ещё сделать так, чтобы ячейки при прокрутке не доходили до конечной, а прокручивались снова и снова без окончания, как на том сайте.

#290 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Август 2013 - 00:38

Найдите в файле стилей carousel.css

.d-carousel .jcarousel-prev-horizontal, .d-carousel-new .jcarousel-prev-horizontal {
   top: 89px !important;
}

и замените на

.d-carousel .jcarousel-prev-horizontal, .d-carousel-new .jcarousel-prev-horizontal,
.d-carousel .jcarousel-next-horizontal, .d-carousel-new .jcarousel-next-horizontal {
   top: 89px !important;
}

Цитата

Скачал другие стрелки от сюда babylook.me, заменил их, теперь надо их сделать как там, чтобы они выходили на половину из ячеек.

Найдите

.d-carousel .jcarousel-container, .d-carousel-new .jcarousel-container {
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
}

и замените на

.d-carousel .jcarousel-container, .d-carousel-new .jcarousel-container {
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
}

далее добавьте
.d-carousel .jcarousel-prev-horizontal, .d-carousel-new .jcarousel-prev-horizontal {
   left: -12px !important;
}
.d-carousel .jcarousel-next-horizontal, .d-carousel-new .jcarousel-next-horizontal {
   right: -12px !important;
}

Цитата

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

Для этого необходимо изменить опции карусели. Найдите код подключения в шаблоне

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.d-carousel-new .carousel-new').jcarousel({
				 scroll: 1
});
});
</script>

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

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.d-carousel-new .carousel-new').jcarousel({
				 scroll: 1,
	 wrap: 'circular'
});
});
</script>


#291 AlexP_RUS

AlexP_RUS

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

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

Отправлено 15 Август 2013 - 18:40

Сделал, только вот единственное что стрелки по бокам обрезало. Как это исправить?

#292 support 2.0

support 2.0

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

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

Отправлено 15 Август 2013 - 22:17

Просмотр сообщенияAlexP_RUS (15 Август 2013 - 18:40) писал:

Сделал, только вот единственное что стрелки по бокам обрезало. Как это исправить?

найдите в файле carousel.css блок
.d-carousel .jcarousel-container, .d-carousel-new .jcarousel-container {
		display: block;
		margin-bottom: 20px;
		overflow: hidden;
}
замените на
.d-carousel .jcarousel-container, .d-carousel-new .jcarousel-container {
		display: block;
		margin-bottom: 20px;
}


#293 AlexP_RUS

AlexP_RUS

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

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

Отправлено 17 Август 2013 - 15:20

Обнаружил следующее: съехал вправо весь шаблон в ячейках товара. Обнаружил я это как раз после установки слайдера. Если помните при установке слайдера  изначально съехала главная. Нужно решение как можно быстрее.
Шаблон съехал везде кроме firefox'а.

#294 Stasya

Stasya

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

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

Отправлено 18 Август 2013 - 12:37

Не могли бы Вы  прислать скриншот, где все съехало?

#295 AlexP_RUS

AlexP_RUS

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

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

Отправлено 18 Август 2013 - 13:54

Просмотр сообщенияStasya (18 Август 2013 - 12:37) писал:

Не могли бы Вы  прислать скриншот, где все съехало?
Шаблон разъехался на всех страницах товаров.
Пример как должно быть: firefox
http://savepic.org/4388741.png

и пример как не должно - всё съехало вправо: хром, опера.
http://savepic.org/4374405.png

Хотя это может быть не из-за слайдера, а из-за кнопки "купить в 1 клик", которую мы параллельно ставим здесь: http://forum.storela...ик/page__st__20

#296 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 20 Август 2013 - 04:26

У ваших кнопок задан стиль float: right - удалите его. Например

<div style="float:right; margin-right: 10px; padding-top: 2px;">

заменить на

<div style="margin-right: 10px; padding-top: 2px;">


#297 AlexP_RUS

AlexP_RUS

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

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

Отправлено 20 Август 2013 - 09:00

Просмотр сообщенияСake (20 Август 2013 - 04:26) писал:

У ваших кнопок задан стиль float: right - удалите его. Например

<div style="float:right; margin-right: 10px; padding-top: 2px;">

заменить на

<div style="margin-right: 10px; padding-top: 2px;">
Спасибо, вроде всё встало на место.

#298 w785665

w785665

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

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

Отправлено 28 Август 2013 - 17:34

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

подскажите что не так сдела

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

акаунт SL-232853

#299 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 29 Август 2013 - 03:07

Найдите и удалите в файле main.js строку

$('#slider-code').tinycarousel({ display: 2 });

а так же в шаблоне "HTML" найдите

<!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
<!-- добавил карусель -->
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />

и замените на

<!-- добавил карусель -->
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />
<!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>


#300 w785665

w785665

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

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

Отправлено 29 Август 2013 - 16:21

спасибо, заработало




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

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