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


Бренды


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

#1 Hiding

Hiding

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

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

Отправлено 31 Май 2015 - 17:34

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

http://tympanus.net/...ide/index3.html

#2 Firefly

Firefly

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

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

Отправлено 31 Май 2015 - 18:42

Просмотр сообщенияHiding (31 Май 2015 - 17:34) писал:

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

http://tympanus.net/...ide/index3.html

Здравствуйте.
Чтобы установить данную "карусель" необходимо видеть ее исходный код.
На указанной странице, к сожалению его нет. Без него это сделать будет невозможно. Если Вы найдете данный код мы постараемся помочь Вам с установкой.

#3 Hiding

Hiding

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

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

Отправлено 01 Июнь 2015 - 02:52

Карусель установил.
Как теперь сделать чтоб отображалась как по ссылке?

Получилось вот как:

01-06-2015 8-51-59.jpg

#4 Ирина345

Ирина345

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

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

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

Просмотр сообщенияHiding (01 Июнь 2015 - 02:52) писал:

Карусель установил.
Как теперь сделать чтоб отображалась как по ссылке?

Получилось вот как:

Прикрепленный файл 01-06-2015 8-51-59.jpg
Здравствуйте, вам необходимо из архива установить файлы
jquerypp.custom.js
elastislide.js
custom.css
далее перед тегом
</head> 
в шаблоне hTML
установите

<link rel="stylesheet" type="text/css" href="/design/elastislide.css" />
<link rel="stylesheet" type="text/css" href="/design/custom.css" />

<script type="text/javascript" src="/design/jquerypp.custom.js"></script>
<script type="text/javascript" src="/design/query.elastislide.js"></script>
<script type="text/javascript">

$( '#carousel' ).elastislide( {
minItems : 2
} );

</script>


#5 Hiding

Hiding

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

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

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

Ирина я извиняюсь но у меня нету таких файлов в архиве...
Вот ссылка на архив http://efimov.ws/ass...Elastislide.zip

#6 Hiding

Hiding

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

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

Отправлено 03 Июнь 2015 - 02:55

Ребята,  ну кто-нибудь...???

#7 Vaccina

Vaccina

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

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

Отправлено 03 Июнь 2015 - 03:29

Скачайте архив по следующей ссылке:
http://tympanus.net/...Elastislide.zip

В нем присутствуют данные файлы из инструкции выше.

#8 Hiding

Hiding

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

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

Отправлено 03 Июнь 2015 - 03:40

Просмотр сообщенияИрина345 (02 Июнь 2015 - 14:15) писал:

Здравствуйте, вам необходимо из архива установить файлы
elastislide.js

Этого файла нету...

#9 Vaccina

Vaccina

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

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

Отправлено 03 Июнь 2015 - 04:34

В инструкции выше небольшая неточность, необходимо загрузить файл jquery.elastislide.js
И в подключении должно быть:
<script type="text/javascript" src="/design/jquery.elastislide.js"></script>


#10 Hiding

Hiding

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

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

Отправлено 03 Июнь 2015 - 07:26

Все файлы установил..
Прописал.
<script type="text/javascript" src="/design/jquery.elastislide.js"></script>
Получилось:
<link rel="stylesheet" type="text/css" href="/design/elastislide.css" />
<link rel="stylesheet" type="text/css" href="/design/custom.css" />
<script type="text/javascript" src="/design/jquerypp.custom.js"></script>
<script type="text/javascript" src="/design/jquery.elastislide.js"></script>
<script type="text/javascript">
$( '#carousel' ).elastislide( {
minItems : 2
} );
</script>

Но все равно не чего не изменилось...

#11 Hiding

Hiding

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

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

Отправлено 03 Июнь 2015 - 10:19

???

#12 Ирина345

Ирина345

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

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

Отправлено 03 Июнь 2015 - 17:23

Просмотр сообщенияHiding (03 Июнь 2015 - 10:19) писал:

???
Загрузите на сайт файлы
demo.css
modernizr.custom.17475.js


далее найдите в шаблоне html
<link rel="stylesheet" type="text/css" href="/design/elastislide.css" />
<link rel="stylesheet" type="text/css" href="/design/custom.css" />
<script type="text/javascript" src="/design/jquerypp.custom.js"></script>
<script type="text/javascript" src="/design/jquery.elastislide.js"></script>
после вставьте

    
<link rel="stylesheet" type="text/css" href="/design/demo.css" />
	  <script type="text/javascript" src="/design/modernizr.custom.17475.js"></script>

далее найдите
	 <div class="pdt-loadmore">
							  <div class="button btn-loadmore showAllGoods"><span>Загрузить все</span></div>
							</div>

после вставьте

  <div class="">
	 <!-- Elastislide Carousel -->
<ul id="carousel" class="elastislide-list">
<li ><a href="#"><img src="http://i1.storeland.net/1/3135/31341312/075a3e/kosmetichka.jpg" alt="image04" /></a></li>
<li ><a href="#"><img src="http://i3.storeland.net/1/3135/31341005/075a3e/zont.jpg" alt="image05" /></a></li>
<li ><a href="#"><img src="http://i1.storeland.net/1/3135/31341312/075a3e/kosmetichka.jpg" alt="image06" /></a></li>
<li ><a href="#"><img src="http://i3.storeland.net/1/3135/31341005/075a3e/zont.jpg" alt="image07" /></a></li>
<li ><a href="#"><img src="http://i1.storeland.net/1/3135/31341312/075a3e/kosmetichka.jpg" alt="image11" /></a></li>

</ul>
<!-- End Elastislide Carousel -->


</div>
	  
	  
				  <script>
	  
   $( '#carousel' ).elastislide( {
minItems : 2
} );
</script>
	  


#13 Hiding

Hiding

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

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

Отправлено 04 Июнь 2015 - 02:58

Все сделал. Ничего не изменилось.
Только отображение всего сайта как-то испортилось... Как-будто все увеличилось.

И этого кода
<div class="pdt-loadmore">
<div class="button btn-loadmore showAllGoods"><span>Загрузить все</span></div>
 </div>
у меня 3...

#14 Vaccina

Vaccina

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

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

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

Инструкция для темы Лазурь.

С архива по ссылке: http://tympanus.net/...Elastislide.zip
в редактор шаблонов загружаем следующие файлы:
- jquery.elastislide.js
- jquerypp.custom.js
- modernizr.custom.17475.js

- demo.css
- elastislide.css

- bg.jpg
- loading.gif
- nav.png


Далее в шаблоне HTML находим:
<!-- Скрипты магазина -->
<script type="text/javascript">var zoomloaderPath = '{ASSETS_IMAGES_PATH}loader.gif?design=azure';</script>
<script type="text/javascript" src="{ASSETS_JS_PATH}forall.js?design=azure"></script>
<script type="text/javascript" src="{FORALL_STYLES_PATH}fancybox/2.1.5/jquery.fancybox.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jssor_slider.js?design=azure"></script>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=azure"></script>

после него вставляем:
<script type="text/javascript" src="{ASSETS_JS_PATH}modernizr.custom.17475.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquerypp.custom.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.elastislide.js"></script>

далее находим:
<!-- Стили магазина -->
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}magnific-popup.css?design=azure">
<link rel="stylesheet" type="text/css" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css">
<link rel="stylesheet" type="text/css" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css">
<link rel="stylesheet" type="text/css" href="/design/font-awesome.min.css?design=azure">
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}main.css?design=azure">

после него вставляем:
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}demo.css" />
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}elastislide.css" />

далее находим:
{BODY}

после него вставляем:
	 <!-- Elastislide Carousel -->
	 <ul id="carousel" class="elastislide-list">
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}1.jpg" alt="image01" /></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}2.jpg" alt="image02" /></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}3.jpg" alt="image03" /></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}4.jpg" alt="image04" /></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}5.jpg" alt="image05" /></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}6.jpg" alt="image06" /></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}7.jpg" alt="image07" /></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}8.jpg" alt="image08" /></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}9.jpg" alt="image09" /></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}10.jpg" alt="image10" /></a></li>
	 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}11.jpg" alt="image11" /></a></li>
	 </ul>
	 <!-- End Elastislide Carousel -->
		
		 <script type="text/javascript">
		 $( '#carousel' ).elastislide( {
		 minItems : 2
		 } );
	 </script>

вместо 1.jpg, 2.jpg и так далее вставляете свое название файла картинки, сами картинки загружаете также в редактор шаблонов


Далее зайдите в шаблоны:
- demo.css
- elastislide.css

в них найдите все:
../images/

замените на:
{ASSETS_IMAGES_PATH}

В файле elastislide.css найдите:
.elastislide-horizontal {
padding: 10px 40px;
}

замените на:
.elastislide-horizontal {
padding: 10px 40px;
clear:both;
}

Результат изменений:
123.jpg

#15 Hiding

Hiding

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

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

Отправлено 04 Июнь 2015 - 04:31

Все получилось. Спасибо.
Есть еще пару вопросов.
1.Отображение всего сайта как-то испортилось... Как-будто все увеличилось.
2.Как теперь подключить к этим картинкам определенные бренды? Бренды у меня в категории склада...

#16 Vaccina

Vaccina

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

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

Отправлено 04 Июнь 2015 - 04:46

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

2. В коде карусели вместо знаков # необходимо прописать ссылки, при клике на которые клиент будет переходить в необходимый раздел.
<a href="#">
Бренды лучше вынести на витрину магазина, в общий каталог и проставить им галочку в поле "скрыть" при редактировании категории.

#17 Hiding

Hiding

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

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

Отправлено 04 Июнь 2015 - 08:05

Просмотр сообщенияVaccina (04 Июнь 2015 - 04:46) писал:

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

2. В коде карусели вместо знаков # необходимо прописать ссылки, при клике на которые клиент будет переходить в необходимый раздел.
<a href="#">
Бренды лучше вынести на витрину магазина, в общий каталог и проставить им галочку в поле "скрыть" при редактировании категории.
А по другому никак?
Просто у меня каталог разбит на 2 части, и во втором отображаются скрытые разделы.

Увеличился и как-бы расширился сайт....

04-06-2015 14-02-18.jpg 04-06-2015 14-03-07.jpg 04-06-2015 14-03-48.jpg

#18 Hiding

Hiding

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

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

Отправлено 04 Июнь 2015 - 08:10

А было вот как:

04-06-2015 14-07-44.jpg 04-06-2015 14-07-57.jpg 04-06-2015 14-08-10.jpg

#19 Hiding

Hiding

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

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

Отправлено 04 Июнь 2015 - 12:46

И каталог ниже карусели брендов оказался...

04-06-2015 18-45-24.jpg

#20 Vaccina

Vaccina

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

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

Отправлено 05 Июнь 2015 - 01:15

Карусель на данный момент под товарами на главной.
В шаблоне HTML удалите:
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}demo.css" />

и сам файл demo.css

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




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

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