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


Меню, Виджет Вк, Подвал, Карточка Товара

подвал

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

#21 марик

марик

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

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

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

Просмотр сообщенияMikDark (16 Август 2014 - 21:00) писал:

Небольшая ошибка, там в коде замените: scr на srс

заменила. все ок. Еще парочка вопросов.
1. нельзя ли слайдер сделать немного шире?
2. два рисунка разделить между собой и подогнать к границам слайдера. а так же отодвинуть их от слайдера.

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

  • 3.jpg


#22 Danil

Danil

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

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

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

Просмотр сообщениямарик (16 Август 2014 - 21:10) писал:

заменила. все ок. Еще парочка вопросов.
1. нельзя ли слайдер сделать немного шире?
2. два рисунка разделить между собой и подогнать к границам слайдера. а так же отодвинуть их от слайдера.

Зайдите в main.css и добавьте код
.banners {
float: right;
}
Так же добавьте код
.banners img {
display: block;
padding-bottom: 13px;
}
Что касается слайдера, то нужно загрузить картинки с более высоким размером и слайдер сам адаптируется к ней.

#23 марик

марик

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

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

Отправлено 17 Август 2014 - 10:21

Спасибо. Баннеры встали, как надо. Но, загрузив картинки побольше слайдер не изменился. Что я делаю не так? Кстати, как изменить скорость смены картинок? Что-то не нашла код.
Еще несколько вопросов.
1. Попыталась установить карусель на главной (делала по инструкции вот здесь:http://forum.storeland.ru/index.php?/topic/15012-как-добавить-адаптивную-карусель-в-шаблоне-би/), но она встала криво, сместилась влево. Как и все рисунки в каталоге((
2. Поставила Новости слева (под меню), а их не видно. Почему?

#24 Alekseys

Alekseys

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

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

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

Просмотр сообщениямарик (17 Август 2014 - 10:21) писал:

Спасибо. Баннеры встали, как надо. Но, загрузив картинки побольше слайдер не изменился. Что я делаю не так? Кстати, как изменить скорость смены картинок? Что-то не нашла код.
Еще несколько вопросов.
1. Попыталась установить карусель на главной (делала по инструкции вот здесь:http://forum.storeland.ru/index.php?/topic/15012-как-добавить-адаптивную-карусель-в-шаблоне-би/), но она встала криво, сместилась влево. Как и все рисунки в каталоге((
2. Поставила Новости слева (под меню), а их не видно. Почему?
Здравствуйте. Для выравнивания карусели в разделе Сайт -> Редактор шаблонов -> main.css добавьте блок
.blockTableTovarIndexPage {width:100% !important}
.blockTableTovarIndexPage .owl-item  {
width: 200px !important;
float:left !important;
}


#25 марик

марик

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

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

Отправлено 17 Август 2014 - 12:23

Просмотр сообщенияAlekseys (17 Август 2014 - 12:19) писал:

Здравствуйте. Для выравнивания карусели в разделе Сайт -> Редактор шаблонов -> main.css добавьте блок
.blockTableTovarIndexPage {width:100% !important}
.blockTableTovarIndexPage .owl-item {
width: 200px !important;
float:left !important;
}

Спасибо, но все же осталось некоторое смещение картинок, как в карусели, так и в товарах.

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

  • 2.jpg
  • 1.jpg


#26 Alekseys

Alekseys

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

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

Отправлено 17 Август 2014 - 12:40

Просмотр сообщениямарик (17 Август 2014 - 12:23) писал:

Спасибо, но все же осталось некоторое смещение картинок, как в карусели, так и в товарах.
По смещению картинок в карусели - замените блок
.blockTableTovarIndexPage {
width: 100% !important;
}
на
.blockTableTovarIndexPage {
width: 100% !important;
margin-left: 16px;
}
Насчет картинок в товарах - в main.css замените
#owl-one-slider-tovar .item {
display: block;
margin: 0 auto;
}
на
#owl-one-slider-tovar .item {
display: block;
margin: 0 auto;
width: 250px !important;
}
и добавьте
.owl-buttons {
margin-top: -105px;
}


#27 марик

марик

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

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

Отправлено 17 Август 2014 - 12:48

Просмотр сообщенияAlekseys (17 Август 2014 - 12:40) писал:

По смещению картинок в карусели - замените блок
.blockTableTovarIndexPage {
width: 100% !important;
}
на
.blockTableTovarIndexPage {
width: 100% !important;
margin-left: 16px;
}
Насчет картинок в товарах - в main.css замените
#owl-one-slider-tovar .item {
display: block;
margin: 0 auto;
}
на
#owl-one-slider-tovar .item {
display: block;
margin: 0 auto;
width: 250px !important;
}
и добавьте
.owl-buttons {
margin-top: -105px;
}

Теперь стрелки залезают на товар в карточке, а на главной 4 с половиной товара в карусели.

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

  • 3.jpg
  • 4.jpg


#28 Alekseys

Alekseys

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

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

Отправлено 17 Август 2014 - 13:21

Просмотр сообщениямарик (17 Август 2014 - 12:48) писал:

Теперь стрелки залезают на товар в карточке, а на главной 4 с половиной товара в карусели.
Замените
.blockTableTovarIndexPage {
width: 100% !important;
margin-left: 16px;
}
на
.blockTableTovarIndexPage {
width: 846px !important;
}
а блок
.blockTableTovarIndexPage .owl-item {
width: 200px !important;
float: left !important;
}
на
.blockTableTovarIndexPage .owl-item {
width: 212px !important;
float: left !important;
}
По поводу стрелок, укажите пожалуйста, как Вы хотите, чтоб они располагались.

#29 марик

марик

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

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

Отправлено 17 Август 2014 - 13:25

Просмотр сообщенияAlekseys (17 Август 2014 - 13:21) писал:

Замените
.blockTableTovarIndexPage {
width: 100% !important;
margin-left: 16px;
}
на
.blockTableTovarIndexPage {
width: 846px !important;
}
а блок
.blockTableTovarIndexPage .owl-item {
width: 200px !important;
float: left !important;
}
на
.blockTableTovarIndexPage .owl-item {
width: 212px !important;
float: left !important;
}
По поводу стрелок, укажите пожалуйста, как Вы хотите, чтоб они располагались.

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

#30 Alekseys

Alekseys

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

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

Отправлено 17 Август 2014 - 13:32

Просмотр сообщениямарик (17 Август 2014 - 13:25) писал:

Спасибо большое. Теперь карусель одно загляденье.
Стрелки? Просто немного отодвинуть их от картинок влево и вправо, чтобы они не залезали на изображение.
Замените
.owl-prev {
left: 0;
background: url('http://bijouxart.storeland.net/sprites.png') no-repeat -288px 0%;
}
на
.owl-prev {
left: 0;
background: url('http://bijouxart.storeland.net/sprites.png') no-repeat -288px 0%;
margin-left: -8px;
}
а блок
.owl-next {
right: 0;
background: url('http://bijouxart.storeland.net/sprites.png') no-repeat -305px 0%;
}
замените на
.owl-next {
right: 0;
background: url('http://bijouxart.storeland.net/sprites.png') no-repeat -305px 0%;
margin-right: -7px;
}


#31 марик

марик

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

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

Отправлено 17 Август 2014 - 13:38

Просмотр сообщенияAlekseys (17 Август 2014 - 13:32) писал:

Замените
.owl-prev {
left: 0;
background: url('http://bijouxart.storeland.net/sprites.png') no-repeat -288px 0%;
}
на
.owl-prev {
left: 0;
background: url('http://bijouxart.storeland.net/sprites.png') no-repeat -288px 0%;
margin-left: -8px;
}
а блок
.owl-next {
right: 0;
background: url('http://bijouxart.storeland.net/sprites.png') no-repeat -305px 0%;
}
замените на
.owl-next {
right: 0;
background: url('http://bijouxart.storeland.net/sprites.png') no-repeat -305px 0%;
margin-right: -7px;
}


Спасибо. Все стало, как надо.
А что насчет слайдера и блока новостей?

#32 Alekseys

Alekseys

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

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

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

Просмотр сообщениямарик (17 Август 2014 - 13:38) писал:

Спасибо. Все стало, как надо.
А что насчет слайдера и блока новостей?
Уточните пожалуйста на скриншотах, как все должно располагаться.

#33 марик

марик

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

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

Отправлено 17 Август 2014 - 14:06

Блок новостей под Корзиной с таким же меню (надпись на синем фоне)

Слайдер решила оставить в таком же виде. Подскажите, пож-та, где код, который отвечает за скорость переключения картинок? Очень часто сменяются.

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

  • 6.jpg


#34 AnnaM

AnnaM

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

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

Отправлено 17 Август 2014 - 14:13

Просмотр сообщениямарик (17 Август 2014 - 14:06) писал:

Блок новостей под Корзиной с таким же меню (надпись на синем фоне)

Слайдер решила оставить в таком же виде. Подскажите, пож-та, где код, который отвечает за скорость переключения картинок? Очень часто сменяются.
В шаблоне "HTML" найдите код
<script type="text/javascript">
							  $(document).ready(function() {
								$("#owl-one-slider .item").css('display', 'block');
								$("#owl-one-slider").owlCarousel({
								  navigation : true, // показывать кнопки next и prev
								  slideSpeed : 300,
								  paginationSpeed : 400,
								  items : 1,
								  itemsDesktop : false,
								  itemsDesktopSmall : false,
								  itemsTablet: false,
								  itemsMobile : false,
в нем значения
slideSpeed : 300,
paginationSpeed : 400,
отвечают за скорость переключения слайдера.

#35 марик

марик

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

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

Отправлено 17 Август 2014 - 14:17

Просмотр сообщенияAnnaM (17 Август 2014 - 14:13) писал:

В шаблоне "HTML" найдите код
<script type="text/javascript">
							 $(document).ready(function() {
							 $("#owl-one-slider .item").css('display', 'block');
							 $("#owl-one-slider").owlCarousel({
								 navigation : true, // показывать кнопки next и prev
								 slideSpeed : 300,
								 paginationSpeed : 400,
								 items : 1,
								 itemsDesktop : false,
								 itemsDesktopSmall : false,
								 itemsTablet: false,
								 itemsMobile : false,
в нем значения
slideSpeed : 300,
paginationSpeed : 400,
отвечают за скорость переключения слайдера.

А ларчик -то просто открывался))) Спасибо огромное.

#36 марик

марик

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

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

Отправлено 17 Август 2014 - 14:30

А Блок новостей как поставить?
Нет, все-таки не получается у меня откорректировать скорость( Нужно ставить меньшее или большее значение, чтобы он двигался медленнее?

#37 Alekseys

Alekseys

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

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

Отправлено 17 Август 2014 - 16:07

Просмотр сообщениямарик (17 Август 2014 - 14:30) писал:

А Блок новостей как поставить?
Нет, все-таки не получается у меня откорректировать скорость( Нужно ставить меньшее или большее значение, чтобы он двигался медленнее?
Для переноса новостей найдите в HTML код
Скрытый текст
и поставьте перед
</div>
				  <!-- .left-sidebar -->
		   
		   
				<div class="container">
					<main class="content">
						<!-- Если в браузере пользователя отключен JS то сообщаем ему об этом -->
						<noscript>
						  <div class="disableJsMessa"><p>В вашем браузере отключена поддержка сценариев Javascript</p></div>
						</noscript>
						<!-- Слайдер на главной странице сайта --->
затем в main.css замените
.news {
float: left;
overflow: hidden;
padding-top: 5px;
width: 74%;
}
на
.news {
float: left;
overflow: hidden;
padding-top: 5px;
width: 100%;
}
а блок
display: block;
float: left;
margin: 0 0.5%;
padding: 0.8% 1.1%;
width: 28.5%;
}
на
.column {
display: block;
float: left;
width: 95%;
}
после добавьте в main.css
.newHead {
height: 30px;
padding: 4px 1.6% 4px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #4D87C3;
color: #ECF0F1 !important;
list-style: none;
line-height: 1.7;
display: inline-block;
width: 100%;
}
и
.newHead a {
color: #ECF0F1 !important;
}


#38 марик

марик

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

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

Отправлено 17 Август 2014 - 16:18

вообще все снесла((((

#39 Alekseys

Alekseys

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

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

Отправлено 17 Август 2014 - 16:32

Прошу прощения. Верните на прежнее место блок
Скрытый текст
поставив его после строчки
<div class="footerBot">
после этого перенесите блок
<!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
					 {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %}
						 <div class="news_list_articles column ">
							 <div class="newHead">
								 <h4><a href="{NEWS_ARTICLES_URL}" title="Перейти к странице &laquo;Статьи&raquo;">Статьи<span class="toggleImg hide"></span></a></h4>
							 </div>
							 <div class="newCont">
								 <ul class="postList">
								 {% FOR news_list_articles %}
									 <!-- Вывод не больше 4 пунктов новостей -->
									 {% IF news_list_articles.index > 4 %} {break} {% ENDIF %}
									 <li><a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;" {% IF news_list_articles.ID = NEWS_ID %} class="selected" {%ENDIF%}>{news_list_articles.TITLE}</a></li>
								 {% ENDFOR %}
								 </ul>
							 </div>
						 </div>
					 {% ENDIF %}
					 <!-- END Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
поставив его перед
</div>
								 <!-- .left-sidebar -->
				
				
							 <div class="container">
									 <main class="content">
											 <!-- Если в браузере пользователя отключен JS то сообщаем ему об этом -->
											 <noscript>
												 <div class="disableJsMessa"><p>В вашем браузере отключена поддержка сценариев Javascript</p></div>
											 </noscript>
											 <!-- Слайдер на главной странице сайта --->


#40 марик

марик

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

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

Отправлено 17 Август 2014 - 16:40

не помогло( Статьи то появились, но сам сайт...





Темы с аналогичным тегами подвал

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

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