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

[Grownchild]

Добрый день,

Прошу помочь с внесением изменений в шаблон ЛЕТО.
Номер аккаунта SL-409037

По пунктам:
1. Изменить цвет выделения на #f7c922 (при наведении мышкой любой текст или иконку) и цвет фона у товарных групп (см. фото)
2. В верхнее меню, первая стока которая фиксированы на экране - ее убрать, то что было на ней, кроме тел и мейла перенести во вторую строку, которая двигается во время скролинга экрана (см фото2)
3. Вторую область верхнего меню сделать тоньше - по ширине логотипа. (см фото2)
4. На главной странице слайдер сделать во всю ширину экрана

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

• 
• 

[Grownchild]

С цветом разобрался))

[Mr.Nito]

Здравствуйте.
Изменения в шапке произвёл, создал бэкап до 15.04.2017 18:29:04 и после изменений 15.04.2017 18:52:20

[Grownchild]

Спасибо, очень круто!)

[Grownchild]

С вашего позволения попрошу еще о помощи. Спасибо!

1. В верхнем меню сделать вертикальное выравнивание по центру логотипа. Сейчас лого 70px по высоте. По возможности сделать динамическим, то есть если высота лого 70 то элементы меню на размещены с отступом 35. Если высота лого 100, то соответсвенно 50.
2. Товары на главной, Карточка товара - поменять цвет цены на черный. Прошу описать процедуру замены шрифтов в шаблоне.
3.Товары на главной, Карточка товара - убрать звездочки совсем.
4. Слайдер - добавить по центру пиктограммы перелистывания "кружки" Цвет белый - "не выбран", цвет оранжевый, как у пиктограммы "ХИТ", когда выбран.
5. Нижнее меню, пиктограммы социальных сетей - убрать твиттер, гугл, vk. Добавить инстаграмм, убрав его из левой части.

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

• 

[Danil]

Grownchild (17 Апрель 2017 - 09:28) писал:

С вашего позволения попрошу еще о помощи. Спасибо!

1. В верхнем меню сделать вертикальное выравнивание по центру логотипа. Сейчас лого 70px по высоте. По возможности сделать динамическим, то есть если высота лого 70 то элементы меню на размещены с отступом 35. Если высота лого 100, то соответсвенно 50.
2. Товары на главной, Карточка товара - поменять цвет цены на черный. Прошу описать процедуру замены шрифтов в шаблоне.
3.Товары на главной, Карточка товара - убрать звездочки совсем.
4. Слайдер - добавить по центру пиктограммы перелистывания "кружки" Цвет белый - "не выбран", цвет оранжевый, как у пиктограммы "ХИТ", когда выбран.
5. Нижнее меню, пиктограммы социальных сетей - убрать твиттер, гугл, vk. Добавить инстаграмм, убрав его из левой части.

Здравствуйте.
Изменения Вам произвел по всем пунктам, кроме 4, на него ответ будет позже.

[Grownchild]

Вау! Вот это скорость, спасибо!

[Grownchild]

Протестил изменения в Сафари, Хром и Опере, есть моменты, которые требуют вмешательства.
Буду благодарен за внимание, спасибо.

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

• 
• 

[Grownchild]

В Хроме все стало как нужно.
В Опере по прежнему.

Во всех браузерах теперь слайдер перекрывает всплывающее меню вложений товарной группы (см фото)

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

• 

[Grownchild]

И можно ширину слайдера сделать еще шире, как на картинке,
Спасибо

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

• 

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

#header {
	position: relative;
}

замените на:

#header {
	position: relative;
	z-index: 5;
}

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

[Grownchild]

Сделал это действие, но не понял что изменилось(((
Остались вопросы:
1. По прежнему во всех браузерах при наведении на главной странице на категорию "восковые свечи" раскрывающееся подменю перекрывается слайдером.
2. В браузере Опера - не видно элементов верхнего меню совсем. Виден только логотип, а справа пустота.
3. Ширина слайдера не изменилась
4. Слайдер добавить пиктограммы перелистывания в виде кружков внизу-посередине на теле самого слайдера.
Спасибо за помощь!

[Mr.Nito]

Grownchild (18 Апрель 2017 - 09:18) писал:

Сделал это действие, но не понял что изменилось(((
Остались вопросы:
1. По прежнему во всех браузерах при наведении на главной странице на категорию "восковые свечи" раскрывающееся подменю перекрывается слайдером.
2. В браузере Опера - не видно элементов верхнего меню совсем. Виден только логотип, а справа пустота.
3. Ширина слайдера не изменилась
4. Слайдер добавить пиктограммы перелистывания в виде кружков внизу-посередине на теле самого слайдера.
Спасибо за помощь!

1-2. Изменения по инструкции Выше произвёл, была допущена ошибка при копировании, из-за чего изменения не отображались.
3.Высоту сладера можно отредактировать в файле jjsor_slider.js
в строке указать необходимое значение, также высота изображений должна быть больше

	  // $SlideHeight: 800,

заменить на

	  $SlideHeight: 800,

800 - заменить значение на своё.
4.Кнопки навигации добавил

[Grownchild]

1. Вопрос по перекрытию меню слайдером закрыт. Спасибо)
2. Вопрос по опере не изменился. Элементов меню вообще не видно((( + вылез зеленый цвет (см фото)
3. Ширину слайдера меняю в настройках, но это никак не отражается на результате(.
4. Пиктограммы появлялись, но сейчас опять исчезли, хотя я не делал восстановления из бекапа(.

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

• 

[Mr.Nito]

Grownchild (18 Апрель 2017 - 17:34) писал:

1. Вопрос по перекрытию меню слайдером закрыт. Спасибо)
2. Вопрос по опере не изменился. Элементов меню вообще не видно((( + вылез зеленый цвет (см фото)
3. Ширину слайдера меняю в настройках, но это никак не отражается на результате(.
4. Пиктограммы появлялись, но сейчас опять исчезли, хотя я не делал восстановления из бекапа(.

2. В опере нужно обновить страницу магазина через Ctrl + F5, изменения закэшировались в браузере.
3.Также в файле main.css нужно в строках

/*** Slider Слайдер ***/

ниже:

#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 699px; overflow: hidden;z-index:1;}

.slides_container {cursor: move; position: absolute; left: 0px; top: 0px; width: 1920px;height: 699px; overflow: hidden;}

значение height: 699px; замените на своё

4. Отображение вернул, в шаблоне HTML добавил перед

<!-- Arrow Left -->

код

	 <!-- Bullet Navigator -->
	 <div data-u="navigator" class="jssorb05" style="bottom:16px;right:16px;" data-autocenter="1">
		 <!-- bullet navigator item prototype -->
		 <div data-u="prototype" style="width:16px;height:16px;"></div>
	 </div>

[Grownchild]

Спасибо, все получилось!

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

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

• 

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.header-top .logo {
float: left;
}

замените на:

.header-top .logo {
float: left;
margin: 0 5px 0 10px;
}

[Grownchild]

Тут тема закрыта. Спасибо!