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


Помощь По Нескольким Вопросам


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

#1 romaizm

romaizm

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

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

Отправлено 26 Июль 2016 - 08:40

Добрый день! Возникло несколько вопросов по редактированию шаблона, решил обратиться на форум.

1. Как выровнять по ширине слайдер, блок каталога и хиты продаж, чтобы границы совпадали?
1.jpg

2. От слайдера падает тень. Как сделать так, чтобы от каталога и хитов продаж была такая же тень?

3. В блоке "хиты продаж" необходимо изменить цвет кнопки "добавить в корзину", а также к самой надписи "Хиты продаж" добавить какую-нибудь иконку (иконку сделаю сам, просто не совсем понимаю как правильно вставить рядом с текстом).
2.jpg

4. На сайте есть плавающее верхнее горизонтальное меню, которое появляется при пролистывании страницы вниз. Можно ли вместо текстовых надписей сделать надписи картинками? И возможно ли скрыть это меню для мобильных устройств, так как не совсем корректно оно там отображается?

5. Названия пунктов каталога на главной (те пункты которые под слайдером) нужно как-то выделить, желательно в рамочку.

Сайт http://avtokover25.ru/

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

#2 MikDark

MikDark

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

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

Отправлено 26 Июль 2016 - 11:42

Просмотр сообщенияromaizm (26 Июль 2016 - 08:40) писал:

Добрый день! Возникло несколько вопросов по редактированию шаблона, решил обратиться на форум.

1. Как выровнять по ширине слайдер, блок каталога и хиты продаж, чтобы границы совпадали?
Прикрепленный файл 1.jpg

2. От слайдера падает тень. Как сделать так, чтобы от каталога и хитов продаж была такая же тень?

3. В блоке "хиты продаж" необходимо изменить цвет кнопки "добавить в корзину", а также к самой надписи "Хиты продаж" добавить какую-нибудь иконку (иконку сделаю сам, просто не совсем понимаю как правильно вставить рядом с текстом).
Прикрепленный файл 2.jpg

4. На сайте есть плавающее верхнее горизонтальное меню, которое появляется при пролистывании страницы вниз. Можно ли вместо текстовых надписей сделать надписи картинками? И возможно ли скрыть это меню для мобильных устройств, так как не совсем корректно оно там отображается?

5. Названия пунктов каталога на главной (те пункты которые под слайдером) нужно как-то выделить, желательно в рамочку.

Сайт http://avtokover25.ru/

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

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

1) В шаблоне nyvo.css Вам нужно найти код:
.nivoSlider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

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

.nivoSlider {
    position: relative;
    width: 99%;
    height: auto;
    overflow: hidden;
}

2) В шаблон main.css добавьте код:
.row-fluid .span7 {
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}

Далее в main.css Вам нужно найти:
.products-grid {
	position: relative;
}

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

.products-grid {
	position: relative;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
	padding: 0px 0px 0px 0px;
}

5) В шаблоне main.css найдите код:
.content_catalog_nested_categories li {
	text-align: center;
	float: left;
	margin: 0.5em 1em;
	list-style-type: none;
	background: none !important;
}

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

.content_catalog_nested_categories li {
	text-align: center;
	float: left;
	margin: 0.5em 1em;
	list-style-type: none;
	border: 1px solid #000;
	background: none !important;
}


#3 romaizm

romaizm

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

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

Отправлено 26 Июль 2016 - 13:33

Слайдер и каталог выровнялись, но вот отображение блока "Хиты продаж" неправильное. Между товарами ненужный пробел, из-за этого весь этот блок получается шире, чем слайдер и каталог.

И ещё, как можно изменить стиль надписей категорий каталога на главной? Ну то есть мне надо сделать так, чтобы категории "Коврики", "Аксессуары" и остальные выглядели иначе, без подчеркивания как сейчас.

Ну и по остальным вопросам жду помощи, особенно важно разобраться с надписью "Хиты продаж", рядом добавить иконку, и поменять цвет самого текста.

#4 romaizm

romaizm

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

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

Отправлено 26 Июль 2016 - 14:33

Добавил боковой слайдер вместо новостей в левом блоке. Нужно убрать тень от него, и чтобы стрелочки для переключения слайдов появлялись только при наведении. Ну и не помешало бы уменьшить расстояние между боковым слайдером и надписями "Новости" и "Вы смотрели"

Без названия.jpg

UPDATE: с отступами сверху и снизу разобрался

#5 romaizm

romaizm

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

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

Отправлено 27 Июль 2016 - 04:37

Было бы отлично, если бы кто-нибудь ответил ;)

#6 romaizm

romaizm

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

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

Отправлено 28 Июль 2016 - 05:15

Просмотр сообщенияromaizm (26 Июль 2016 - 08:40) писал:

Добрый день! Возникло несколько вопросов по редактированию шаблона, решил обратиться на форум.

1. Как выровнять по ширине слайдер, блок каталога и хиты продаж, чтобы границы совпадали?
Прикрепленный файл 1.jpg

2. От слайдера падает тень. Как сделать так, чтобы от каталога и хитов продаж была такая же тень?

3. В блоке "хиты продаж" необходимо изменить цвет кнопки "добавить в корзину", а также к самой надписи "Хиты продаж" добавить какую-нибудь иконку (иконку сделаю сам, просто не совсем понимаю как правильно вставить рядом с текстом).
Прикрепленный файл 2.jpg

4. На сайте есть плавающее верхнее горизонтальное меню, которое появляется при пролистывании страницы вниз. Можно ли вместо текстовых надписей сделать надписи картинками? И возможно ли скрыть это меню для мобильных устройств, так как не совсем корректно оно там отображается?

5. Названия пунктов каталога на главной (те пункты которые под слайдером) нужно как-то выделить, желательно в рамочку.

Сайт http://avtokover25.ru/

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


#7 romaizm

romaizm

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

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

Отправлено 31 Июль 2016 - 14:06

Спасибо за помощь уважаемые!

#8 Danil

Danil

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

  • Модераторы
  • 4 645 сообщений

Отправлено 31 Июль 2016 - 17:19

Просмотр сообщенияromaizm (26 Июль 2016 - 14:33) писал:

Добавил боковой слайдер вместо новостей в левом блоке. Нужно убрать тень от него, и чтобы стрелочки для переключения слайдов появлялись только при наведении. Ну и не помешало бы уменьшить расстояние между боковым слайдером и надписями "Новости" и "Вы смотрели"

Прикрепленный файл Без названия.jpg

UPDATE: с отступами сверху и снизу разобрался
Здравствуйте.
В конец main.css добавьте
a.nivo-prevNav, a.nivo-nextNav {
display: none !important;
}
div#slider2:hover a.nivo-prevNav, div#slider2:hover a.nivo-nextNav {
display: block !important;
}
3) В конец main.css добавьте код
input.btn.btn-success2 {
background: #F00 !important;
color: #F0F;
}
изменяйте цвета #F00 и #F0F на свои.
Что касается иконки, то Вам нужно загрузить ее в раздел Сайт - Редактор шаблонов и прислать нам ее название, чтобы мы подобрали для нее стили.
4) В шаблоне html найдите код
<!-- Структура скролмени -->
<div class="scrollmenu">
<ul>
<a href="http://avtokover25.ru/"><li>Каталог</li></a>
<a href="http://avtokover25.ru/page/searchhelp"><li>Помощь</li></a>
<a href="http://avtokover25.ru/page/location"><li>Местонахождение</li></a>
<a href="http://avtokover25.ru/page/pay"><li>Оплата и доставка</li></a>
<a href="http://avtokover25.ru/page/about"><li>О нас</li></a>
<a href="https://www.instagram.com/avtokover25/?ref=badge"><li>Instagram</li></a>
</ul>
</div>
<!-- Структура скролмени -->
и замените на

<!-- Структура скролмени -->
<div class="scrollmenu">
<ul>
<li><a href="http://avtokover25.ru/"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li>
<li><a href="http://avtokover25.ru/page/searchhelp"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li>
<li><a href="http://avtokover25.ru/page/location"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li>
<li><a href="http://avtokover25.ru/page/pay"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li>
<li><a href="http://avtokover25.ru/page/about"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li>
<li><a href="https://www.instagram.com/avtokover25/?ref=badge"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li>
</ul>
</div>
<!-- Структура скролмени -->
в коде замените текст "Название изображения" на соответствующие элементы, предварительно загрузив изображения в раздел Сайт - Редактор шаблонов.
Для того, чтобы скрыть меню в мобильной версии в конец main.css добавьте
@media (max-width: 480px) {
div.scrollmenu {
display:none !important;
}
}


#9 romaizm

romaizm

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

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

Отправлено 01 Август 2016 - 08:35

Просмотр сообщенияDanil (31 Июль 2016 - 17:19) писал:

Здравствуйте.
В конец main.css добавьте
a.nivo-prevNav, a.nivo-nextNav {
display: none !important;
}
div#slider2:hover a.nivo-prevNav, div#slider2:hover a.nivo-nextNav {
display: block !important;
}
3) В конец main.css добавьте код
input.btn.btn-success2 {
background: #F00 !important;
color: #F0F;
}
изменяйте цвета #F00 и #F0F на свои.
Что касается иконки, то Вам нужно загрузить ее в раздел Сайт - Редактор шаблонов и прислать нам ее название, чтобы мы подобрали для нее стили.
4) В шаблоне html найдите код
<!-- Структура скролмени -->
<div class="scrollmenu">
<ul>
<a href="http://avtokover25.ru/"><li>Каталог</li></a>
<a href="http://avtokover25.ru/page/searchhelp"><li>Помощь</li></a>
<a href="http://avtokover25.ru/page/location"><li>Местонахождение</li></a>
<a href="http://avtokover25.ru/page/pay"><li>Оплата и доставка</li></a>
<a href="http://avtokover25.ru/page/about"><li>О нас</li></a>
<a href="https://www.instagram.com/avtokover25/?ref=badge"><li>Instagram</li></a>
</ul>
</div>
<!-- Структура скролмени -->
и замените на

<!-- Структура скролмени -->
<div class="scrollmenu">
<ul>
<li><a href="http://avtokover25.ru/"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li>
<li><a href="http://avtokover25.ru/page/searchhelp"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li>
<li><a href="http://avtokover25.ru/page/location"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li>
<li><a href="http://avtokover25.ru/page/pay"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li>
<li><a href="http://avtokover25.ru/page/about"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li>
<li><a href="https://www.instagram.com/avtokover25/?ref=badge"><img src="{ASSETS_IMAGES_PATH}Название изображения"></a></li>
</ul>
</div>
<!-- Структура скролмени -->
в коде замените текст "Название изображения" на соответствующие элементы, предварительно загрузив изображения в раздел Сайт - Редактор шаблонов.
Для того, чтобы скрыть меню в мобильной версии в конец main.css добавьте
@media (max-width: 480px) {
div.scrollmenu {
display:none !important;
}
}

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

#10 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 02 Август 2016 - 04:31

a.nivo-prevNav, a.nivo-nextNav {
display: none !important;
}
div#slider2:hover a.nivo-prevNav, div#slider2:hover a.nivo-nextNav {
display: block !important;
}

замените на:
div#slider2 a.nivo-prevNav, div#slider2 a.nivo-nextNav {
display: none !important;
}
div#slider2:hover a.nivo-prevNav, div#slider2:hover a.nivo-nextNav {
display: block !important;
}


#11 romaizm

romaizm

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

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

Отправлено 02 Август 2016 - 13:24

Просмотр сообщенияVaccina (02 Август 2016 - 04:31) писал:

a.nivo-prevNav, a.nivo-nextNav {
display: none !important;
}
div#slider2:hover a.nivo-prevNav, div#slider2:hover a.nivo-nextNav {
display: block !important;
}

замените на:
div#slider2 a.nivo-prevNav, div#slider2 a.nivo-nextNav {
display: none !important;
}
div#slider2:hover a.nivo-prevNav, div#slider2:hover a.nivo-nextNav {
display: block !important;
}

Со стрелочками разобрался, а тень реально убрать от маленького слайдера?

#12 Vaccina

Vaccina

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

  • Модераторы
  • 23 805 сообщений

Отправлено 03 Август 2016 - 01:12

В main.css после изменений выше пропишите:
#slider2 {
	box-shadow: none !important;
}


#13 Радим

Радим

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

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

Отправлено 08 Январь 2018 - 10:30

Здравствуйте мне нужна помощь. Мне надо чтоб панель для переходов была в другом месте, слева от экрана от слайдера и слайдер удалить, а чтоб на месте слайдера были товары, как на картинке  Изображение   и чтоб под самой карточкой товара были тоже товары той-же категории  например карточка товара кинетического песка а снизу картинка которая предлагает купить товар   машинка на пульте управления.Спасибо




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

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