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


Как Уменьшить Размер Слайдера


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

#1 sensor_1985

sensor_1985

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

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

Отправлено 19 Март 2014 - 09:32

Добрый день.
1.как уменьшить размер слайдера по ширине и длине на главной станице?
2.как в слайдер загрузить свое изображение?
3.как выровнять блок (показано на скрине)?

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

  • Безымянный.jpg


#2 MikDark

MikDark

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

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

Отправлено 19 Март 2014 - 12:15

Просмотр сообщенияsensor_1985 (19 Март 2014 - 09:32) писал:

Добрый день.
1.как уменьшить размер слайдера по ширине и длине на главной станице?
2.как в слайдер загрузить свое изображение?
3.как выровнять блок (показано на скрине)?

1) Уменьшить размер слайдера можно, открыв шаблон main.css и найдя там строчки
#module_area {
width: 100%;
text-align: center;
padding: 5px 0;
}

Заменить значение width на необходимое. Оно может быть в процентах или пикселях (например 50% или 500px). Но если указываете значение в пикселях, адаптивность сайта теряется.
Чтобы заменить высоту слайдера, добавьте в этот код строчку: height: 200px (значение так же можно поменять)

Далее заходим в шаблон HTML, ищем

<!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area">
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img">
				</li>
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->

и заменяем width и height на нужные.

2) Чтобы загрузить изображение, нужно зайти в админке: Сайт - Редактор Шаблонов. Нажать: Добавить файлы. Картинки должны иметь имена slide1.png , slide2.png или slide3.png

3) Не совсем понятно что Вы хотите сделать. Вы хотите перенести блок с товарами между сортировкой и фильтром по цене?

#3 sensor_1985

sensor_1985

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

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

Отправлено 19 Март 2014 - 13:15

нет, я хочу что бы блок встал ровно по длине с нижним блоком, немножко растянуть его вправо

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

  • Безымянный.jpg


#4 MikDark

MikDark

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

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

Отправлено 19 Март 2014 - 13:18

Просмотр сообщенияsensor_1985 (19 Март 2014 - 13:15) писал:

нет, я хочу что бы блок встал ровно по длине с нижним блоком, немножко растянуть его вправо

У нас края на одном уровне. Какой браузер Вы используете?

#5 sensor_1985

sensor_1985

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

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

Отправлено 19 Март 2014 - 14:18

Firefox 28.0

#6 MikDark

MikDark

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

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

Отправлено 19 Март 2014 - 14:22

Просмотр сообщенияsensor_1985 (19 Март 2014 - 14:18) писал:

Firefox 28.0

Попробуйте в main.css добавить код:
*>.product-filter { width: 100%; }


#7 sensor_1985

sensor_1985

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

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

Отправлено 19 Март 2014 - 15:13

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

#8 MikDark

MikDark

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

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

Отправлено 19 Март 2014 - 16:13

Просмотр сообщенияsensor_1985 (19 Март 2014 - 15:13) писал:

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

В main.css добавьте вниз строки:
#footer .inner_top {
display: none;
}


#9 sensor_1985

sensor_1985

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

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

Отправлено 19 Март 2014 - 18:30

Спасибо!
а как сдвинуть кнопки(показано на скрине) чуть правее?

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

  • Безымянный.jpg


#10 Alexey11

Alexey11

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

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

Отправлено 19 Март 2014 - 18:34

Просмотр сообщенияsensor_1985 (19 Март 2014 - 18:30) писал:

Спасибо!
а как сдвинуть кнопки(показано на скрине) чуть правее?

.menu_main {margin-left: -20px;}

измените значение параметра на большее , например -20 замените на 10

#11 sensor_1985

sensor_1985

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

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

Отправлено 19 Март 2014 - 19:36

И еще вопрос, как сдвинуть те же кнопки чуть правее но уже в шапке?

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

  • Безымянный.jpg


#12 MikDark

MikDark

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

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

Отправлено 19 Март 2014 - 19:38

В main.css найдите строки:
#header .links {
padding-right: 10px;
float: left;
margin-left: 30px;
clear: both;
}

и поменяйте значение margin-left на большее

#13 sensor_1985

sensor_1985

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

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

Отправлено 19 Март 2014 - 19:40

Спасибо огромное!

#14 sensor_1985

sensor_1985

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

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

Отправлено 22 Март 2014 - 22:07

Скажите пожалуйста, как можно воплотить вот это (см.на скрине)?
вставить вместе с иконками и надписями в то место?

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

  • Безымянный 3.jpg


#15 Alexey11

Alexey11

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

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

Отправлено 23 Март 2014 - 09:43

Просмотр сообщенияsensor_1985 (22 Март 2014 - 22:07) писал:

Скажите пожалуйста, как можно воплотить вот это (см.на скрине)?
вставить вместе с иконками и надписями в то место?
Здравствуйте, загрузите желаемые картинки в раздел "Сайт" - "Редактор шаблонов" и сообщите нам их названия. После этого мы поможем вам с установкой данных картинок.

#16 sensor_1985

sensor_1985

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

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

Отправлено 23 Март 2014 - 11:09

картинки загружены
icon4.jpg
iwc_277890.jpg

Сделайте если можно их пожалуйста вместе с надписями как показано у меня на скрине.

#17 Alexey11

Alexey11

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

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

Отправлено 23 Март 2014 - 12:36

Просмотр сообщенияsensor_1985 (23 Март 2014 - 11:09) писал:

картинки загружены
icon4.jpg
iwc_277890.jpg

Сделайте если можно их пожалуйста вместе с надписями как показано у меня на скрине.
Найдите данный блок кода:

<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>

замените его на:

 <div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>
<div style="position: relative; left: 340px;">
  <div><img src="{ASSETS_IMAGES_PATH}icon4.jpg" style="float: left; width: 60px;"><span style="position: absolute; top: 20px;color: rgb(92, 207, 207); font-size: 15px;">Бесплатная доставка по России</span></div>
  <div style="	position: absolute;	top: 46px;	left: 240px;	width: 315px;">
  <img src="{ASSETS_IMAGES_PATH}iwc_277890.jpg" style="float: left;width: 60px;">
<span style="	position: absolute;
	top: 20px;color: rgb(72, 128, 228);font-size: 15px;">Огромный выбор наручных часов</span></div>
</div>


#18 sensor_1985

sensor_1985

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

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

Отправлено 23 Март 2014 - 17:42

Спасибо!

#19 sensor_1985

sensor_1985

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

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

Отправлено 30 Март 2014 - 07:40

Скажите пожалуйста, как сменить цвет зачеркнутой цены??

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

  • Безымянный 4.jpg


#20 Alexey11

Alexey11

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

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

Отправлено 30 Март 2014 - 07:54

Просмотр сообщенияsensor_1985 (30 Март 2014 - 07:40) писал:

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

.prod_hold .price-old, .prod_hold_recent .price-old, .category-info .price-old, .price-old, .price-old .num {color: #999999;text-decoration: line-through;font-size:12px;}

измените в нем значение параметра color на нужное вам. HTML код цветов можно найти в интернете.




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

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