Сообщений в теме: 19

[Olga89]

Добрый день, на вашем движке у нас уже три магазина. Спасибо. Нужна помощь по аккаунту SL-303200.

СТРАНИЦА ГЛАВНАЯ. СЛАЙДЕР. Закрепили размеры jpg картинок для слайдера 1900х725, включили код в файл camera.css:

.imgLoaded {
        height: auto !important;
        margin-left: 0 !important;
        width: 100% !important;

Но картинки сжимаются по краям. См файл 1. Лечили эту проблему изменением размера подгружаемого файла на 1900х900. Тогда вроде все хорошо, но на широкоформатных экранах низ слайда обрезался очень сильно. Что делать?

1. Необходимо чтобы слайд отображался в ширину 100% всегда.
2. При этом не хочу чтобы Меню с преимуществами(Оплата, Доставка , Гарантия Поддержка) наползало на слайдер снизу более чем на 10 пикселей.
3. Как убрать вовсе слайдер со всех остальных страниц, кроме ГЛАВНОЙ? На других страницах он не нужен тк.к сжимается очень сильно См. Рис. 2
4.Как увеличить (управлять) размер шрифта Контактов в Header-е?

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

• 
• 
• 

[Castiel]

Olga89 (07 Август 2014 - 06:25) писал:

Добрый день, на вашем движке у нас уже три магазина. Спасибо. Нужна помощь по аккаунту SL-303200.

СТРАНИЦА ГЛАВНАЯ. СЛАЙДЕР. Закрепили размеры jpg картинок для слайдера 1900х725, включили код в файл camera.css:

.imgLoaded {
        height: auto !important;
        margin-left: 0 !important;
        width: 100% !important;

Но картинки сжимаются по краям. См файл 1. Лечили эту проблему изменением размера подгружаемого файла на 1900х900. Тогда вроде все хорошо, но на широкоформатных экранах низ слайда обрезался очень сильно. Что делать?

1. Необходимо чтобы слайд отображался в ширину 100% всегда.
2. При этом не хочу чтобы Меню с преимуществами(Оплата, Доставка , Гарантия Поддержка) наползало на слайдер снизу более чем на 10 пикселей.
3. Как убрать вовсе слайдер со всех остальных страниц, кроме ГЛАВНОЙ? На других страницах он не нужен тк.к сжимается очень сильно См. Рис. 2
4.Как увеличить (управлять) размер шрифта Контактов в Header-е?

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

1. В шаблоне "HTML"
Находим:

<script>
	   jQuery(function(){   
	 jQuery('#camera_wrap_1').camera({
			minHeight: '400px',
			maxHeight: '600px',
			pagination: false,
	 thumbnails: false,
			time: 3000
	 });
	 });
	 </script>

Заменяем на:

<script>
	   jQuery(function(){   
	 jQuery('#camera_wrap_1').camera({
			minHeight: '400px',
			height: '600px',
			pagination: false,
	 thumbnails: false,
			time: 3000
	 });
	 });
	 </script>

2. Уточните пожалуйста на скриншоте как должно быть. Если на много опустить блок (Оплата, Доставка, Гарантия, Поддержка) он может наложиться на основную часть сайта.

3. Слайдер у вас только на главной странице, на остальных страницах идет фоновое изображение которое можно изменить или удалить, уточните что именно необходимо сделать.

4. В файле "style.css".
Найти:

.phone {
display: block;
font-family: Calibri;
line-height: 1em;
color: #fff !important;
float: left;
margin-right: 20px;
}

Заменить:

.phone {
display: block;
font-family: Calibri;
line-height: 1em;
color: #fff !important;
float: left;
margin-right: 20px;
font-size: 22px;
}

font-size: 22px;  регулируйте данное значение для изменения размера шрифта

[Olga89]

Здравствуйте, спасибо за помощь.

Castiel (07 Август 2014 - 07:08) писал:

2. Уточните пожалуйста на скриншоте как должно быть. Если на много опустить блок (Оплата, Доставка, Гарантия, Поддержка) он может наложиться на основную часть сайта.

Необходимо, чтобы оно не налазило на слайдер на главной странице и на фон на других страницах, как на скринах. Причем, как я уже говорила ранее, это наложение происходит только на широкоформатных мониторах.

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

• 
• 

[AnnaM]

Olga89 (07 Сентябрь 2014 - 05:18) писал:

Здравствуйте, спасибо за помощь.


Необходимо, чтобы оно не налазило на слайдер на главной странице и на фон на других страницах, как на скринах. Причем, как я уже говорила ранее, это наложение происходит только на широкоформатных мониторах.

В конец файла style.css вставьте

.container.promo_block {
margin-top: 55px;
}

[Olga89]

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

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

• 

[Ирина345]

Olga89 (07 Сентябрь 2014 - 13:00) писал:

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

Здравствуйте, попробуйте добавить в конец файла camera.css

.imgLoaded {
  margin-left: 0 !important;
  width: 100% !important;
}

[Olga89]

Ирина345 (07 Сентябрь 2014 - 16:52) писал:

Здравствуйте, попробуйте добавить в конец файла camera.css

.imgLoaded {
margin-left: 0 !important;
width: 100% !important;
}

Не помогло...

[MikDark]

Olga89 (08 Сентябрь 2014 - 11:56) писал:

Не помогло...

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

Если Вы все же хотите сделать слайды 900px в высоту, то в style.css найдите:

.camera_wrap {
height: 600px !important;
}

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

.camera_wrap {
height: 900px !important;
}

[Olga89]

MikDark (08 Сентябрь 2014 - 12:04) писал:

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

Если Вы все же хотите сделать слайды 900px в высоту, то в style.css найдите:

.camera_wrap {
height: 600px !important;
}

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

.camera_wrap {
height: 900px !important;
}

Я поняла. Спасибо. Буду обрезать картинки.

[Olga89]

Добрый день.
Решили все таки вернуться к варианту слайдера на всю высоту страницы, т.е. 900px.
После произведения с кодом следующих действий:

"Если Вы все же хотите сделать слайды 900px в высоту, то в style.css найдите:
.camera_wrap {height: 600px !important;}

и замените на:
.camera_wrap {height: 900px !important;}

Размер промоблока увеличился и налез на слайдер на главной странице  (см. фото)

Необходимо его сузить до стандартного размера и разместить под слайдером.

Спасибо.

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

• 

[Olga89]

Друзья.... Ау... Помогите...

[Dars]

Olga89 (04 Март 2015 - 05:23) писал:

Друзья.... Ау... Помогите...

В style.css найдите строку:

.fluid-container  {position: relative;height:600px;/*min-height: 400px;background: url('http://design.xn--j1aie4bxa.xn--p1ai/slide4.jpg') center center;*/}

и замените её на:

.fluid-container  {position: relative;/*min-height: 400px;background: url('http://design.xn--j1aie4bxa.xn--p1ai/slide4.jpg') center center;*/}

[Olga89]

Спасибо!

[Olga89]

Добрый день.
Странно, но контейнер опять съехал куда-то вниз. Образовался пробел между слайдами и контейнером. (см. фото)
Как его убрать?

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

• 

[Vaccina]

В файле camera.css найдите:

.camera_wrap {
  width: 100%;
}

замените на:

.camera_wrap {
  max-height: 630px;
  width: 100%;
}

[forester]

Подскажите пожалуйста как разместить банер допустим 500х140 по центру шапки

[Vaccina]

Если вы хотите установить баннер после логотипа, в шаблоне HTML перед

<div class="contacts">

вставьте:

<img class="banner_in_head" alt="" src="ссылка на баннер">

далее в style.css найдите:

.contacts {
  color: #fff !important;
  display: block;
  float: left;
  font-family: Calibri;
  font-size: 22px;
  line-height: 1em;
  margin: 9px 15px 10px 430px;
}

замените на:

.contacts {
  color: #fff !important;
  display: block;
  float: left;
  font-family: Calibri;
  font-size: 22px;
  line-height: 1em;
  margin: 10px 15px;
}
.banner_in_head {
  float: left;
  max-width: 500px;
  width: 25%;
}

[forester]

спасибо

[forester]

Чтото  у меня с кликабельностью банера не получается , теги плывут.
+ еще чуть вниз банер ( в идеале чтоб к центру был привязан)

спасибо

[Danil]

forester (03 Июнь 2015 - 08:27) писал:

Чтото  у меня с кликабельностью банера не получается , теги плывут.
+ еще чуть вниз банер ( в идеале чтоб к центру был привязан)

спасибо

В style.css найдите код

.banner_in_head {
  float: left;
  max-width: 500px;
  width: 40%;
}

и замените на

.banner_in_head {
  float: left;
  max-width: 500px;
  width: 40%;
  margin-top: 50px;
}

Если вы хотите установить ссылку на баннер, то в шаблоне html найдите код

<img class="banner_in_head" src="http://st.stalker4x4.ru/11/1666/698/hat113.gif">

и замените на

<a href="Ссылка"><img class="banner_in_head" src="http://st.stalker4x4.ru/11/1666/698/hat113.gif"></a>