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


Поднять Каталог На Уровень Со Слайдером


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

#41 support 2.0

support 2.0

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

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

Отправлено 26 Июнь 2013 - 16:16

 Tneilk (26 Июнь 2013 - 13:24) писал:

И еще один вопрос появился. Как увеличить фотографии выделены на скриншоте и вставить туда эту карусель? http://forum.storela...лож/#entry32986

Увеличить изображения в указанном месте Вы можете с помощью разделе настройки -> основные -> изображения товаров -> Максимальный размер по высоте/ширине в пикселях для иконок
Данная карусель доступна только на главной странице, т.к. именно там выводятся новинки и хиты. Что Вы хотите, чтобы отображалось в данной карусели?

#42 Tneilk

Tneilk

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

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

Отправлено 26 Июнь 2013 - 16:23

http://www.vsemayki....1437/womanshort просто думал что можно реализовать  карусель как тут для прокрутки изображение других фото с этим товаром

#43 Сake

Сake

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

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

Отправлено 27 Июнь 2013 - 01:51

Вы можете реализовать подобное используя инструкцию из сообщения http://forum.storela...лож/#entry32986

за исключением что вам не нужно добавлять код после {BODY} как написано в сообщении, так как изменения будут проводиться в шаблоне "Товар". Вам необходимо вместо последнего изменения (добавления кода) в шаблоне "Товар" найти

<!-- Другие изображения товара. Отображаются если есть изображения товара -->
			  {% IFNOT goods_images_empty %}
				{% FOR goods_images %}
				  <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
				  {% IF goods_images.first %}
					<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
					  <h5>Другие фото {GOODS_NAME}</h5>
				  {% ENDIF %}
				  <!-- Уменьшенное изображение товара -->
				  <div class="goodsDataMainImagesIcon left">
					<a href="{goods_images.LARGE}" rel="gallery"  target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
					<!-- Идентификатор изображения товара, используется для галереи изображений -->
					<input type="hidden" rel="{goods_images.ID}" />
				  </div>
				  <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
				  {% IF goods_images.last %}
					</div>
				  {% ENDIF %}
				{% ENDFOR %}
			  {% ENDIF %}

и заменить на

{% IFNOT goods_images_empty %}
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.d-carousel .carousel').jcarousel({
	scroll: 1
});
});
</script>
<h5>Другие фото {GOODS_NAME}</h5>
<div class="d-carousel">
	<ul class="carousel">
		 {% FOR goods_images %}
		 <li>
			<!-- Уменьшенное изображение товара -->
				  <div class="goodsDataMainImagesIcon left">
					<a href="{goods_images.LARGE}" rel="gallery"  target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
					<!-- Идентификатор изображения товара, используется для галереи изображений -->
					<input type="hidden" rel="{goods_images.ID}" />
				  </div>
		 </li>
		 {% ENDFOR index_page_new_goods %}
	</ul>
</div>
<div class="clear"></div>
{% ENDIF %}


#44 Tneilk

Tneilk

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

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

Отправлено 27 Июнь 2013 - 08:39

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

#45 miyako

miyako

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

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

Отправлено 27 Июнь 2013 - 10:00

 Tneilk (27 Июнь 2013 - 08:39) писал:

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

Вы убрали изменения из сообщения - http://forum.storela...__40#entry75933 ? Если нет, то на какой из страниц отображается карусель?

#46 Tneilk

Tneilk

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

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

Отправлено 27 Июнь 2013 - 10:53

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

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

  • карусель.jpg


#47 miyako

miyako

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

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

Отправлено 27 Июнь 2013 - 11:44

Найдите код в carousel.css
.d-carousel .jcarousel-item {
width: 190px;
height: 290px;
}
и замените на:
.d-carousel .jcarousel-item {
width: 190px;
height: 69px;
}

Далее найдите код:
#wrapper .d-carousel 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;
}
и замените на:
#wrapper .d-carousel 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: 105px;
}

Найдите код:
.d-carousel .jcarousel-container-horizontal {
width: 650px;
height: 325px;
padding: 0 45px;
}
и замените на:
.d-carousel .jcarousel-container-horizontal {
width: 196px;
height: 105px;
padding: 0 45px;
}


#48 Tneilk

Tneilk

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

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

Отправлено 27 Июнь 2013 - 13:02

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

#49 Stasya

Stasya

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

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

Отправлено 27 Июнь 2013 - 13:05

Попробуйте из списка стилей удалить файлы demo.css и reset.css

#50 Tneilk

Tneilk

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

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

Отправлено 27 Июнь 2013 - 13:25

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

    • СТИЛИ
      • carousel.css
      • main.css
      • nyvo.css


#51 miyako

miyako

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

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

Отправлено 27 Июнь 2013 - 14:39

 Tneilk (27 Июнь 2013 - 13:02) писал:

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

Изменение ширины и длины не меняет цвет, фон, цвет цены.

Найдите код:
.d-carousel .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-prev-horizontal {
position: absolute;
top: 38px;
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-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-next-horizontal {
position: absolute;
top: 38px;
right: 0;
margin-right: 3px;
width: 15px;
height: 28px;
cursor: pointer;
background: transparent url({ASSETS_IMAGES_PATH}blog-arrows.jpg) no-repeat top right;
}

Возможно вы делали еще какие-нибудь изменения на сайте.

Поняла в чем проблема в файле carousel.css и main.css два одинаковых названия у идентификаторов - wrapper

Найдите код в шаблоне HTML:
<div class="b_page" id="wrapper">
и замените на:
<div class="b_page" id="wrapper2">

В файле main.css найдите код:
#wrapper {
background-color: #fff;
padding-bottom: 10px;
}
и замените на:
#wrapper2 {
background-color: #fff;
padding-bottom: 10px;
}

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

  • одинаковые классы.png


#52 Tneilk

Tneilk

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

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

Отправлено 27 Июнь 2013 - 14:41

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

#53 Tneilk

Tneilk

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

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

Отправлено 27 Июнь 2013 - 14:49

просто такое ощушение стало что сам сайт чтоли сдвинулся

#54 miyako

miyako

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

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

Отправлено 27 Июнь 2013 - 15:02

 Tneilk (27 Июнь 2013 - 14:49) писал:

просто такое ощушение стало что сам сайт чтоли сдвинулся

Посмотрите пожалуйста в сообщении ответ выше - конфликт в стилях и решение

#55 support 2.0

support 2.0

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

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

Отправлено 27 Июнь 2013 - 15:04

 Tneilk (27 Июнь 2013 - 14:49) писал:

просто такое ощушение стало что сам сайт чтоли сдвинулся

в файле carousel.css найдите и удалите
#wrapper {
width: 960px;
margin: 10px auto 0;
}


#56 Tneilk

Tneilk

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

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

Отправлено 27 Июнь 2013 - 15:24

Спасибо, сорри если сильно замучал вопросами

Иконки я могу выставить по размеру карусели правильно я понимаю?

А нет ...

как сделать так что бы иконка занимала всю площать карусели? что бы не было белой окантовки?

#57 support 2.0

support 2.0

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

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

Отправлено 27 Июнь 2013 - 15:24

 Tneilk (27 Июнь 2013 - 15:21) писал:

Спасибо, сорри если сильно замучал вопросами

Иконки я могу выставить по размеру карусели правильно я понимаю?

А нет ...

изменить размер изображений Вы конечно можете в разделе настройки -> основные -> Максимальный размер по высоте/ширине в пикселях для иконок
Если нужно будет увеличить размеры окошек слайдера, мы также Вам подскажем. Установите только сначала нужный размер изображений

#58 Tneilk

Tneilk

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

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

Отправлено 27 Июнь 2013 - 15:36

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

#59 Tneilk

Tneilk

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

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

Отправлено 27 Июнь 2013 - 15:41

Ошибка появилась

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

  • Ошибка.jpg


#60 miyako

miyako

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

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

Отправлено 27 Июнь 2013 - 15:52

 Tneilk (27 Июнь 2013 - 15:41) писал:

Ошибка появилась

Вы удалили файл - jquery.nivo.slider.pack.js
А подключение осталось в шаблоне HTML




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

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