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


Слайдеры И Банер


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

#1 D_mix

D_mix

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

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

Отправлено 13 Апрель 2014 - 20:21

И о5 нужна ваша помощь!
1.Прыгает баннер при свертывании брайзера в окно
Бй.jpg Без.jpg
2.Сделать отступы по сторонам слайдера
Б.jpg
3Как правильно поменять местами слайдеры у меня не выходит!
SL-281626

#2 empty9228

empty9228

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

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

Отправлено 14 Апрель 2014 - 09:01

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

1. банер прыгает, потому что шаблон адаптивный, то что у вас на экране адаптируется под размеры окна браузера, на прежнем месте он не умещается, поэтому переходит вниз,можно сделать так14-04-2014 10-00-50.jpg

2.найдите в файле style.css код
#slider {position: relative; overflow: hidden;height:200px;}
замените его на
#slider {position: relative; overflow: hidden;height:200px;width: 97%;margin: 0 auto;}

3.
в файле html у вас подгружаются слайды, их код находится на строках 241-254
<img src="{ASSETS_IMAGES_PATH}2c83b2383fa66e29fb30884d9f8598fa.png" />
<img src="{ASSETS_IMAGES_PATH}6fc196f9c3d333d65f9b974f34538d43.png" />
<img src="{ASSETS_IMAGES_PATH}9d0c7c504db20ee981402911ac1c6838.png" />
<img src="{ASSETS_IMAGES_PATH}55d67071fd5299b1b37a86c0f0b6e829.png" />
<img src="{ASSETS_IMAGES_PATH}a49f84d16e6977d314f63bd3af32995e.png" />
<img src="{ASSETS_IMAGES_PATH}af2afcf9a78251434e58746b8b2c6b85.png" />
<img src="{ASSETS_IMAGES_PATH}b5e86a13c2f876352b64cbff62495bc2.png" />
<img src="{ASSETS_IMAGES_PATH}ccbb95e37bffc2ce3b0f15fdc410981e.png" />
<img src="{ASSETS_IMAGES_PATH}ee21de77515dd698255fd545d63afd8b.png" />
<img src="{ASSETS_IMAGES_PATH}f7f3734b50836d15448df028d36b3670.png" />
<img src="{ASSETS_IMAGES_PATH}slide1123.png" />
<img src="{ASSETS_IMAGES_PATH}slide3123.png" />
<img src="{ASSETS_IMAGES_PATH}slide25555.png" />
<img src="{ASSETS_IMAGES_PATH}sample6.png" />

каждая строка это отдельный слайд, поменяйте их местами.

#3 empty9228

empty9228

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

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

Отправлено 14 Апрель 2014 - 12:40

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

<div style="margin:auto;">
<div class="theme-default" style="padding:0 1em; display: none; float:left;">
<!-- Непосредственный код слайдера -->
<div id="slider1">
<img src="http://o20443.storeland.net/%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8-12.jpg?9142" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider1').nivoSlider().parent().show(); });
</script>
<img src="http://o20443.storeland.net/19532_big.jpg?2910" height="350" width="350" style=" float:left;" title="" alt="" />
</div>

259-274 строки у вас, вставьте этот блок выше перед строчкой 273

<div id="slider">

#4 D_mix

D_mix

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

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

Отправлено 14 Апрель 2014 - 23:17

Если честно то ничего не понял!!!

#5 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 15 Апрель 2014 - 07:34

Просмотр сообщенияD_mix (14 Апрель 2014 - 23:17) писал:

Если честно то ничего не понял!!!

Здравствуйте, шаблон Весна является адаптивным (меняется в зависимости от размеров браузера).
Вы добавили около слайдера изображение, которое начинает прыгать если размер экрана менее 1380px. Можно поставить ограничение которое будет скрывать данное изображение если размер окна браузера меньше 1380px
Для этого редактируем шаблон HTML
Находим
<img src="http://o20443.storeland.net/19532_big.jpg?2910" height="350" width="350" style=" float:left;" title="" alt="" />
Заменяем на
<img src="http://o20443.storeland.net/19532_big.jpg?2910" class="noneimg" height="350" width="350" style=" float:left;" title="" alt="" />

Далее добавляем стили в main.css
После
/* Адаптивность шаблона ==============================*/
Добавляем
@media only screen and (max-width: 1381px) {
  .noneimg {display:none;}
}


#6 D_mix

D_mix

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

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

Отправлено 15 Апрель 2014 - 13:25

1.Поменять местами слайдеры))
Безым.jpg

2.Можно ли в эти места поставить баннеры,чтобы они не пропадали, а подстраивались как 4-й товар
Безымянй.jpg

Если по 2-му пункту тоже не получится тогда вот так
Безымянный.jpg

#7 Vaccina

Vaccina

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

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

Отправлено 16 Апрель 2014 - 03:25

1. В шаблоне HTML найдите:
<div style="padding: 0px 1em; float: left;" class="theme-default">
замените на:
<div style="padding: 0px 1em; float: right;" class="theme-default">
2.В шаблоне HTML найдите:
		</div>
		<div class="clear"></div>
	  </div>
<div id="footer">
перед ним вставьте код баннеров

#8 D_mix

D_mix

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

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

Отправлено 16 Апрель 2014 - 10:59

Ой ребят ржу не могу! Я слайдеры местами поменять не могу ,а не банер с слайдером
Сейчас вот так  Безымя.jpg   Нужно вот так Безы.jpg

#9 empty9228

empty9228

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

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

Отправлено 16 Апрель 2014 - 11:50

Здравствуйте, мы сделали изменения, проверьте сайт.

#10 D_mix

D_mix

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

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

Отправлено 17 Апрель 2014 - 17:33

1.Убрать в описании и отзывах товара раздел с этим товаром смотрят
2.Как на главной сделать по 4 товара в ряд
3.Убираю банер рядом с слайдером nyvo сливаются оба.Устал уже тыкать пальцем в небо!
До изменений Безы.jpg   ПослеБезымянный.png
4.Что прописать в css для выделения при наведении на банер
Безымя123.jpg
5.Кнопки поделиться
Безымянный11.jpg
6.Полноценный зум в карточке товара
Вот пример Безымянный121545.jpg

#11 Ирина345

Ирина345

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

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

Отправлено 17 Апрель 2014 - 17:49

Просмотр сообщенияD_mix (17 Апрель 2014 - 17:33) писал:

1.Убрать в описании и отзывах товара раздел с этим товаром смотрят
2.Как на главной сделать по 4 товара в ряд
3.Убираю банер рядом с слайдером nyvo сливаются оба.Устал уже тыкать пальцем в небо!
До изменений Прикрепленный файл Безы.jpg  ПослеПрикрепленный файл Безымянный.png
4.Что прописать в css для выделения при наведении на банер
Прикрепленный файл Безымя123.jpg
5.Кнопки поделиться
Прикрепленный файл Безымянный11.jpg
6.Полноценный зум в карточке товара
Вот пример Прикрепленный файл Безымянный121545.jpg
Здравствуйте
1 почитайте информацию по этой ссылке
2 пройдите по этой ссылке
4 как конкретно Вы хотите сделать выделение
5 почитайте информацию по ссылкам
http://forum.storela...ge__hl__фейсбук
http://forum.storela...я-для-контакта/
6 прочтите информацию по этой ссылке
http://forum.storela...ора/#entry32048

#12 D_mix

D_mix

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

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

Отправлено 19 Апрель 2014 - 16:39

1.И самое главное
а. Не могу найти куда вставить ссылки при нажатии кнопки "детали"
б. Что дописать,чтобы изображения независимо от размера подстраивались по краям
в. Сузить подвал
Безымянный123.jpg
Если нужно будет вот ссылка контента http://pcvector.net/...brazheniya.html
2.Кнопку "добавить в закладки" сделать над слайдерами
Безымянный123456.jpg
3. а.Увеличить расстояние и отпустить корзину и  логотип
б.Поменять цвет текста время работы
Безымянный12345.jpg
4.Поменять цвет кнопки
Безымянный1234.jpg
5.Что сделать чтобы описание на главной сворачивалось (спойлер)

#13 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 20 Апрель 2014 - 17:10

Просмотр сообщенияD_mix (19 Апрель 2014 - 16:39) писал:

1.И самое главное
а. Не могу найти куда вставить ссылки при нажатии кнопки "детали"
б. Что дописать,чтобы изображения независимо от размера подстраивались по краям
в. Сузить подвал
Прикрепленный файл Безымянный123.jpg
Если нужно будет вот ссылка контента http://pcvector.net/...brazheniya.html
2.Кнопку "добавить в закладки" сделать над слайдерами
Прикрепленный файл Безымянный123456.jpg
3. а.Увеличить расстояние и отпустить корзину и  логотип
б.Поменять цвет текста время работы
Прикрепленный файл Безымянный12345.jpg
4.Поменять цвет кнопки
Прикрепленный файл Безымянный1234.jpg
Здравствуйте.
1.
а. В шаблоне HTML 2 раза встречается строка
<a href="#" class="pcv_button">Детали</a>
ссылки надо вставить вместо решеток (#): вместо первой - для первой кнопки "детали", вместо второй, соответственно, для второй кнопки.

б. В шаблоне main.css замените
.portfolio-items li {
display:inline-block;
float:left;
list-style:none;
position:relative;
margin:10px;
}
на
.portfolio-items li {
display:inline-block;
list-style:none;
position:relative;
margin:10px;
}
.portfolio-items li:nth-child(odd) {float: left; margin-left: 0px}
.portfolio-items li:nth-child(even) {float: right; margin-right: 0px}

в. В шаблоне main.css замените
#footer .column {margin-bottom:15px;min-height:348px;}
на
#footer .column {margin-bottom:15px;min-height:170px;}

2. В main.css замените
.book {
height: 151px;
width: 22px;
padding-left: 0px;
position: fixed;
top: 45%;
left: 0;
z-index: 5;
}
на
.book {
height: 151px;
width: 22px;
padding-left: 0px;
position: fixed;
top: 45%;
left: 0;
z-index: 100;
}

3.
а. В main.css добавьте
#header > .inner {
min-height: 200px;
position: relative;
}
изменяйте 200px;, чтобы редактировать высоту указанной области.

Далее код
#header #cart {z-index: 20;min-width: 300px;top:3px;right:20px;}
замените на такой
#header #cart {z-index: 20;min-width: 300px;position: absolute; bottom:30px;right:20px;}
в этом коде меняйте значение bottom:30px; , чтобы опускать/поднимать корзину.

И код
#header #logo {float:left;clear:both;margin:12px 12px 12px 0;}
замените на такой
#header #logo {float:left;clear:both;margin:12px 12px 12px 0; position: absolute; bottom: -7px;}
здесь также меняйте значение bottom: -7px; , чтобы поднимать/опускать логотип.

б. Чтобы регулировать цвет этого элемента, добавьте в main.css код
.work-time { color: #fff; }

4. Удалите в main.css строку
.added {background-color: #999 !important;}


#14 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 20 Апрель 2014 - 18:24

Просмотр сообщенияD_mix (19 Апрель 2014 - 16:39) писал:

5.Что сделать чтобы описание на главной сворачивалось (спойлер)
Уточните, пожалуйста, мы говорим о контенте главной страницы, который добавляется в "Сайт" - "Страницы"?
Просто сейчас у вас этот контент пуст, возможно вы о другом описании говорите.
И это описание должно появляться при нажатии на заголовок страницы ("Мы рады видеть Вас") или на какой-то другой текст?

#15 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 20 Апрель 2014 - 20:10

Просмотр сообщенияsengun (20 Апрель 2014 - 18:24) писал:

Уточните, пожалуйста, мы говорим о контенте главной страницы, который добавляется в "Сайт" - "Страницы"?
Просто сейчас у вас этот контент пуст, возможно вы о другом описании говорите.
И это описание должно появляться при нажатии на заголовок страницы ("Мы рады видеть Вас") или на какой-то другой текст?
В шаблоне "Страница" замените код
  <h2 class="heading_title"><span>{PAGE_NAME}</span></h2>
  <div class="box-content htmlDataBlock">
на такой
  <h2 class="heading_title" {% IF index_page %}onclick="$('.spoiler-content').toggle(); return(false);" style="cursor: pointer;"{% ENDIF %}><span>{PAGE_NAME}</span></h2> 
  <div class="box-content htmlDataBlock {% IF index_page %}spoiler-content{% ENDIF %}">

И, если описание страницы изначально должно быть скрыто, в конец main.css добавьте
.spoiler-content {display: none;}


#16 D_mix

D_mix

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

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

Отправлено 23 Апрель 2014 - 18:49

Здравствуйте.Нужно выровнять колонку в виде списка
Вот так сейчас  Безымянный.jpg

#17 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

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

Просмотр сообщенияD_mix (23 Апрель 2014 - 18:49) писал:

Здравствуйте.Нужно выровнять колонку в виде списка
Вот так сейчас  Прикрепленный файл Безымянный.jpg

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

#18 D_mix

D_mix

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

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

Отправлено 25 Апрель 2014 - 19:30

Здравствуйте!Подскажите как убрать возможность выбора вида-списком в товарах? 2.Чтобы слайдеры всегда были по центру шаблона независимо от разрешения монитора
Безымянный.jpg

3.Фильтры товаров в ряд по 2
Безымянный1.png

#19 Vaccina

Vaccina

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

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

Отправлено 26 Апрель 2014 - 04:04

1. Найдите в шаблоне Товары и удалите:
  <!-- Блок изменения вида списка и поля сортировки -->
			<div class="view-mode">
			  <label>Вид списка:</label>
			  {% IF GOODS_VIEW_TYPE=2 %}
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде списка, где один товар занимает одну строку" class="list-act"></a>
				<a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="table"></a>
			  {% ELSE %}
				<a href="?goods_view_type=2" title="Отображать список товаров в виде списка" class="list"></a>
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде таблицы, по 3 товара на строку" class="table-act"></a>
			  {% ENDIF %}
			</div>
2. В HTML найдите:
<div class="theme-default" style="padding: 0px 1em; float: left;margin-left: 100px;height: 354px;">
замените на:
<div class="theme-default" style=" margin: 0 auto;height: 354px;">
3. По умолчанию в карточке товара и должно по 2 модификации в ряд идти, сверьте сл.код в шаблоне Товар, есть ли он у вас:
{goods_modifications_properties.index | is_divided("2","","")}


#20 D_mix

D_mix

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

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

Отправлено 26 Апрель 2014 - 15:09

1.В IE все банеры и слайдеры слетают,кнопки стают квадратные и не активные
Б.jpg
2.По поводу свойств,они не встают по 2 ,а идут 1 столбиком
Безымянный12.jpg
3.Ответ Vaccina не подходит.Вот 2 примера:
Вот как у меня при разрешении 1440х900 И ТАК ДОЛЖНО БЫТЬ ВСЕГДА И У ВСЕХ
Безымянный.jpg

Вот при разрешении 1680х1050
1680х1050.jpg

4.По повору верхней кнопки перевода товара в вид списка Вы написали,а по нижней нет




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

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