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


Перенос Каталога С Центра Страницы На Левую Сторону


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

#1 Thumm

Thumm

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

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

Отправлено 16 Сентябрь 2016 - 10:50

добрый день!
прошу помочь с оформление главной страницы.
Выложил картинку

4. основной вопрос в переносе каталога он под номером 4, с нижней части страницы под Хитами/номинками, на левую сторону , по аналогии как в режиме когда заходишь в сам каталог.
Вроде и главная страница стоит - Каталог товаров, но что то не то.

и более простые вопросы

1. Изменить цвет и шрифт, размер  почты и телефона
2. Изменить размер, цвет и шрифт верхнего меню
3. Строку поиска сделать более длинной (по хорошему показать какой оператор регулирует ее длину) и отцентрировать ее по середине логотипа.
6,7,8 - как править размер, шрифт и цвет текста в нижнем меню, контактах  и личном кабинете, и если возможно как поменять их местами ? просто переставив в коде блоки в нужной последовательности ? это же прямо влияет на последовательность отрисовки блоков ?

10. тут в базовом шаблоне внизу страницы обрисованы пиктограммы соц сетей. А можно по аналогии рядом добавить через пробел и полосочку пиктограммы форм  оплаты ? типа значек виза, кеш,
11. Добавил в самый низ экрана там где название магазина и год, еще правовую информацию по офферте, а как сделать центровку текста в этом блоке не по центру а ближе к левому краю, примерно на уровне Меню.

Спасибо

Прикрепленные файлы

  • Прикрепленный файл  142307.PDF   315,87К   72 Количество загрузок:


#2 Ирина345

Ирина345

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

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

Отправлено 16 Сентябрь 2016 - 12:50

Просмотр сообщенияThumm (16 Сентябрь 2016 - 10:50) писал:

добрый день!
прошу помочь с оформление главной страницы.
Выложил картинку

4. основной вопрос в переносе каталога он под номером 4, с нижней части страницы под Хитами/номинками, на левую сторону , по аналогии как в режиме когда заходишь в сам каталог.
Вроде и главная страница стоит - Каталог товаров, но что то не то.

и более простые вопросы

1. Изменить цвет и шрифт, размер  почты и телефона
2. Изменить размер, цвет и шрифт верхнего меню
3. Строку поиска сделать более длинной (по хорошему показать какой оператор регулирует ее длину) и отцентрировать ее по середине логотипа.
6,7,8 - как править размер, шрифт и цвет текста в нижнем меню, контактах  и личном кабинете, и если возможно как поменять их местами ? просто переставив в коде блоки в нужной последовательности ? это же прямо влияет на последовательность отрисовки блоков ?

10. тут в базовом шаблоне внизу страницы обрисованы пиктограммы соц сетей. А можно по аналогии рядом добавить через пробел и полосочку пиктограммы форм  оплаты ? типа значек виза, кеш,
11. Добавил в самый низ экрана там где название магазина и год, еще правовую информацию по офферте, а как сделать центровку текста в этом блоке не по центру а ближе к левому краю, примерно на уровне Меню.

Спасибо
Здравствуйте,
1. Добавьте в конец файла main.css
.topheader-left a {
color: #121212;
font-size: 17px;
}

где, что бы изменить размер шрифта изменяете значение 17,
что изменить цвет текста, изменяете значение  #121212.
Таблица цветов расположена здесь
Иконки для телефона и почты, это изображения, расположенные в разделе Сайт-Редактор шаблонов под названием ico-contactusnow.png

2. Добавьте в конец файла main.css
#header-top .topheader-right .sns-quickaccess ul.links li a {
color: #ff0000;
font-size: 15px;
}

где, что бы изменить размер шрифта изменяете значение 15,
что изменить цвет текста, изменяете значение  #ff0000.

3. Найдите в файле main.css
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {
	font-size: 12px;
	height: auto;
	line-height: 20px;
	width: 235px;
	padding: 10px 20px;
	border: 1px solid #d8d8d8;
	border-radius: 22px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
} 


что бы изменить ширину блока поиска изменяете значение 235
далее найдите
#header .header-right .header-right-inner {float:right;}
замените на
#header .header-right .header-right-inner {/*float:right;*/}
4. Найдите в шаблоне HTML
{% IF index_page %}
<div id="main" class="col-xs-12 col-main">
{% IF index_page_goods_empty=0 || index_page_new_goods_empty=0 || index_page_favorites_goods_empty=0 %}
  
замените на

{% IF index_page %}
<div id="main" class="col-xs-9 col-main">
{% IF index_page_goods_empty=0 || index_page_new_goods_empty=0 || index_page_favorites_goods_empty=0 %}
далее найдите
{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}
<div id="left" class="col-md-3 col-xs-12">
  
замените на



{% IF index_page || MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}
<div id="left" class="col-md-3 col-xs-12">


  


Уточните, как именно Вы хотите поменять местами блоки в подвале?
Что бы изменить пункты меню в меню,
добавьте в конец файла main.css
#footer-top .block-linkservice a {
color: #1775ce;
font-size: 13px;
}

где, что бы изменить размер шрифта изменяете значение 13,
что изменить цвет текста, изменяете значение  #1775ce.

#3 Thumm

Thumm

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

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

Отправлено 16 Сентябрь 2016 - 13:50

Ирина спасибо, по пункту 4 каталог встал на место. все отлично, но как еще его убрать снизу под товарами на главной. ?
получается сейчас он  задублен.

#4 Thumm

Thumm

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

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

Отправлено 16 Сентябрь 2016 - 14:02

делаю

3. Найдите в файле main.css
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {
        font-size: 12px;
        height: auto;
        line-height: 20px;
        width: 235px;
        padding: 10px 20px;
        border: 1px solid #d8d8d8;
        border-radius: 22px;
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
}


что бы изменить ширину блока поиска изменяете значение 235
далее найдите
#header .header-right .header-right-inner {float:right;}
замените на
#header .header-right .header-right-inner {/*float:right;*/}
если меняю 235 на большее число что то получается, но если ставить даже 735 существенно не удлиняется поле.
а что делает поле ?

#header .header-right .header-right-inner {/*float:right;*/}

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

#5 Razon

Razon

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

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

Отправлено 16 Сентябрь 2016 - 14:05

Просмотр сообщенияThumm (16 Сентябрь 2016 - 13:50) писал:

Ирина спасибо, по пункту 4 каталог встал на место. все отлично, но как еще его убрать снизу под товарами на главной. ?
получается сейчас он  задублен.

В вашем бэк-офисе в разделе Сайт -> Главная страница
Выберете вместо *Каталог товаров* строку *Не указана*.

#6 Ирина345

Ирина345

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

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

Отправлено 16 Сентябрь 2016 - 14:17

Просмотр сообщенияThumm (16 Сентябрь 2016 - 14:02) писал:

делаю

3. Найдите в файле main.css
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {
font-size: 12px;
height: auto;
line-height: 20px;
width: 235px;
padding: 10px 20px;
border: 1px solid #d8d8d8;
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
}


что бы изменить ширину блока поиска изменяете значение 235
далее найдите
#header .header-right .header-right-inner {float:right;}
замените на
#header .header-right .header-right-inner {/*float:right;*/}
если меняю 235 на большее число что то получается, но если ставить даже 735 существенно не удлиняется поле.
а что делает поле ?

#header .header-right .header-right-inner {/*float:right;*/}

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

Здравствуйте, произведите изменения из инструкции выше
найдите в файле main.css
далее найдите
#header .header-right .header-right-inner {float:right;}
замените на
#header .header-right .header-right-inner {/*float:right;*/}

далее найдите
#header .header-right .header-right-inner #search_mini_form, #menu .nav-right .block-search #search_mini_form2 {
margin: 0 0 0 20px;
float: left;
line-height: normal;
position: relative;
}
замените на
#header .header-right .header-right-inner #search_mini_form, #menu .nav-right .block-search #search_mini_form2 {
	margin: 0 0 0 20px;
	float: left;
	line-height: normal;
	position: relative;
	width: 100%;
}

далее найдите
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {
font-size: 12px;
height: auto;
line-height: 20px;
width: 235px;
padding: 10px 20px;
border: 1px solid #d8d8d8;
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
}

замените на




#header .header-right .header-right-inner #search_mini_form .form-search input.inputText, #menu .nav-right .block-search #search_mini_form2 .form-search input.inputText {
font-size: 12px;
height: auto;
line-height: 20px;
width: 100%;
max-width: 100%;
padding: 10px 20px;
border: 1px solid #d8d8d8;
border-radius: 22px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
}



далее найдите
#header .header-right .header-right-inner #search_mini_form .form-search input.inputText:focus {
width: 250px;
outline: none;
}
замените на


#header .header-right .header-right-inner #search_mini_form .form-search input.inputText:focus {
width: 100%;
outline: none;
}



#7 Thumm

Thumm

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

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

Отправлено 16 Сентябрь 2016 - 17:36

Просмотр сообщенияRa1zon (16 Сентябрь 2016 - 14:05) писал:

В вашем бэк-офисе в разделе Сайт -> Главная страница
Выберете вместо *Каталог товаров* строку *Не указана*.

Указал страницу - не указано, каталог исчез, но осталась строка Game Planet, она была всегда свержу каталога, как ее убрать?
спасибо

#8 Vaccina

Vaccina

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

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

Отправлено 17 Сентябрь 2016 - 03:31

В шаблоне HTML найдите:
<h1 class="title">{PAGE_TITLE}</h1>
			  {BODY}

замените на:
{BODY}


#9 Thumm

Thumm

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

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

Отправлено 17 Сентябрь 2016 - 06:09

Все получилось спасибо

#10 Thumm

Thumm

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

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

Отправлено 19 Сентябрь 2016 - 10:02

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

1. Раздел с каталогом поднять вверх до уровня логотипа, как на скрине
2. Слайдер. Уменьшить и настроить размер от правой границы каталога до правой границы страницы., как на скрине или тут http://jazz-shop.ru/
на текущий момент размер слайдера стоит 1920*570, размер ужат до 1200 этим кодом
//responsive code begin
  //you can remove responsive code if you don't want the slider scales while window resizes
  function ScaleSlider() {
  var bodyWidth = document.body.clientWidth;
  if (bodyWidth)
  jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1200));
  else
  window.setTimeout(ScaleSlider, 30);
  }


3. Соответственно блок Вы смотрели переместить выше к нижней кромке каталога
4. Раздел новости перенести с нижней части страницы в область отмеченную на скрине.
5. Строка поиска. Как ее отцентрировать строго по середине логотипа, как на скрине. И как более жирно и возможно другим цветом выделить рамку в поле поиска ?
6. Как сделать еще одно меню, к примеру {menu.Header_top} с пунктами как на скрине, саму меню в настройках создал.
7 . справа и слева от слайдера есть области с фоном. Как их убрать ?

Спасибо!

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

  • сайт_корректировка.jpg


#11 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 19 Сентябрь 2016 - 11:19

Просмотр сообщенияThumm (19 Сентябрь 2016 - 10:02) писал:

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

1. Раздел с каталогом поднять вверх до уровня логотипа, как на скрине
2. Слайдер. Уменьшить и настроить размер от правой границы каталога до правой границы страницы., как на скрине или тут http://jazz-shop.ru/
на текущий момент размер слайдера стоит 1920*570, размер ужат до 1200 этим кодом
//responsive code begin
  //you can remove responsive code if you don't want the slider scales while window resizes
  function ScaleSlider() {
  var bodyWidth = document.body.clientWidth;
  if (bodyWidth)
  jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1200));
  else
  window.setTimeout(ScaleSlider, 30);
  }


3. Соответственно блок Вы смотрели переместить выше к нижней кромке каталога
4. Раздел новости перенести с нижней части страницы в область отмеченную на скрине.
5. Строка поиска. Как ее отцентрировать строго по середине логотипа, как на скрине. И как более жирно и возможно другим цветом выделить рамку в поле поиска ?
6. Как сделать еще одно меню, к примеру {menu.Header_top} с пунктами как на скрине, саму меню в настройках создал.
7 . справа и слева от слайдера есть области с фоном. Как их убрать ?

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

Предлагаю вам посмотреть тему "Спорт" в разделе галерея тем, которая очень подходит под ваши требования и при необходимости меняется оформление всех элементов.

Перед сменой темы оформления рекомендую сделать бэкап в разделе "Редактор шаблонов"

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

  • 19-09-2016 11-18-28.png


#12 Thumm

Thumm

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

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

Отправлено 19 Сентябрь 2016 - 12:16

сменил шаблон.
В принципе вариант, но все равно есть пару вопросов.
пункт 4 из моего скрина, возможно ли аналогично скрину перенести ?

Как поправить цвет текста  {SETTINGS_STORE_HTML_CODE} Сливаеться на темном фоне.

И как убрать фон под баннерами (4 шт) под товаром на главной странице и темный фон с девушкой в разделе Новости.

Спасибо

#13 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 19 Сентябрь 2016 - 12:55

Просмотр сообщенияThumm (19 Сентябрь 2016 - 12:16) писал:

сменил шаблон.
В принципе вариант, но все равно есть пару вопросов.
пункт 4 из моего скрина, возможно ли аналогично скрину перенести ?

Как поправить цвет текста  {SETTINGS_STORE_HTML_CODE} Сливаеться на темном фоне.

И как убрать фон под баннерами (4 шт) под товаром на главной странице и темный фон с девушкой в разделе Новости.

Спасибо
По пункту 4 к сожалению нет, возможно переместить Новости под блок "Вы смотрели".


Чтобы убрать фон под баннерами
замените (284 строка)
#block-info {background: none;padding: 30px 0 0 0;text-align: center;}
затем (294 строка)
цвет текста делаем чёрным
#block-info .text-block h4 {color: #000;}

Чтобы поменять цвет текста

{SETTINGS_STORE_HTML_CODE}  

в файле main.css допишите (после 768 строки)
#footer-bottom .footer .htmlcode {color: #09afe7;}


#14 Thumm

Thumm

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

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

Отправлено 19 Сентябрь 2016 - 13:15

по баннерам фон убрался, текст сделал черным, какие то они все же странные.
А можно из заменить на образей из Лазури, как на скрине. - вопрос в силе!

И если нельзя Новости перетащить, то можно хотя бы текст отформатировать, прижать к правому краю, а не по центру как сейчас. - сделал сам уже.
И вопрос на который не ответили, под блоков новостей, фон не цвет а картинка с девушкой, лежит в файле bkg_brand.jpg его можно убрать ?- убрал сам уже.


И вопрос все же по самому подвалу главной страницы, там выводить {SETTINGS_STORE_HTML_CODE} с отказом от оферты.
Фон темный, текст темный, почти ничего не видно. Как настроить фон и цвет текста- поправил, спасибо

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


Этот фон как то можно сменить на более светлый ?

подскажите плиз.

Спасибо

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

  • баннеры и Новости.png


#15 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 19 Сентябрь 2016 - 14:02

Просмотр сообщенияThumm (19 Сентябрь 2016 - 13:15) писал:

по баннерам фон убрался, текст сделал черным, какие то они все же странные.
А можно из заменить на образей из Лазури, как на скрине. - вопрос в силе!

И если нельзя Новости перетащить, то можно хотя бы текст отформатировать, прижать к правому краю, а не по центру как сейчас. - сделал сам уже.
И вопрос на который не ответили, под блоков новостей, фон не цвет а картинка с девушкой, лежит в файле bkg_brand.jpg его можно убрать ?- убрал сам уже.


И вопрос все же по самому подвалу главной страницы, там выводить {SETTINGS_STORE_HTML_CODE} с отказом от оферты.
Фон темный, текст темный, почти ничего не видно. Как настроить фон и цвет текста- поправил, спасибо

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


Этот фон как то можно сменить на более светлый ?

подскажите плиз.

Спасибо
Баннеры можно поменять, сейчас напишу инструкцию.


Чтобы поменять фон
"Каталог,вы смотрели"
заменить:
144 строка
.block-title {display: inline-block;position: relative;padding: 0px 15px;text-transform: uppercase;color: #000;background-color: #fff;height: 46px;line-height: 40px;width: 100%;border-bottom: 6px solid #09afe7;}

145 строка
.block-title a {font-size: 18px;color: #000;}
где:
color: - цвет шрифта
background-color: - цвет фона

"Хиты продаж"
строка 361-363
#producttabs .pdt-nav {display: block;margin-bottom: 20px;background-color: #333744;float: left;width: 100%;text-align: center;}
#producttabs .pdt-nav li {position: relative;display: inline-block;width: 32%;}
#producttabs .pdt-nav li span {display: inline-block;position: relative;font-size: 18px;padding: 0px 15px;text-transform: uppercase;color: #ffffff;background-color: #333744;height: 46px;line-height: 40px;width: 100%;}
на
#producttabs .pdt-nav {display: block;margin-bottom: 20px;background-color: #fff;float: left;width: 100%;text-align: center;}
#producttabs .pdt-nav li {position: relative;display: inline-block;width: 32%;}
#producttabs .pdt-nav li span {display: inline-block;position: relative;font-size: 18px;padding: 0px 15px;text-transform: uppercase;color: #000;background-color: #fff;height: 46px;line-height: 40px;width: 100%;}


#16 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 19 Сентябрь 2016 - 14:11

Чтобы поправить соц иконки в подвале
760 строка
#footer-middle .footer-content .link-follow li a {position: relative;display: block;text-align: center;font-size: 16px;color: #fff;line-height: 35px;}
на
#footer-middle .footer-content .link-follow li a {position: relative;display: block;text-align: center;font-size: 16px;color: #000;line-height: 35px;}

убрать чёрные полосы у соц иконок
#footer-middle .footer-content .link-follow li {float: left;margin-left: 2px;border-right: none;padding-right: 15px;margin-right: 15px;list-style: none;}


#17 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 19 Сентябрь 2016 - 15:04

Для смены баннеров
в файле HTML
1047 строка
замените
<!-- Информационный блок -->
{% IF index_page %}
<div id="block-info">
	 <div class="container">
	 <div class="row">
		 <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
		 <div class="icon-block"><em class="fa fa-truck">&nbsp;</em></div>
		 <div class="text-block">
			 <h4>Бесплатная доставка</h4>
		 </div>
		 </div>
		 <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
		 <div class="icon-block"><em class="fa fa-unlock-alt">&nbsp;</em></div>
		 <div class="text-block">
			 <h4>Безопасная оплата</h4>
		 </div>
		 </div>
		 <div class="clear-resp"></div>
		 <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
		 <div class="icon-block"><em class="fa fa-rotate-left">&nbsp;</em></div>
		 <div class="text-block">
			 <h4>30 дней гарантии</h4>
		 </div>
		 </div>
		 <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
		 <div class="icon-block"><em class="fa fa-phone">&nbsp;</em></div>
		 <div class="text-block">
			 <h4>Прием заказов 24/7</h4>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
{% ENDIF %}
<!-- /END Информационный блок -->
на
<!-- Информационный блок -->
{% IF index_page %}
	 <div id="topsl">
	 <div class="container">
		 <div class="row">
		 <div class="block free-shipping col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title1"><span>Бесплатная доставка</span></div>
			 <div class="block-content">Доставка по городу и области Бесплатна!</div>
		 </div>
		 <div class="block money-back col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title1"><span>30 дней гарантии</span></div>
			 <div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>
		 </div>
		 <div class="block orders-247 col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title1"><span>Прием заказов 24/7</span></div>
			 <div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>
		 </div>
		 <div class="block secured-payment col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title1"><span>Безопасная оплата</span></div>
			 <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>
		 </div>
		 </div>
	 </div>
	 </div>
{% ENDIF %}
<!-- /END Информационный блок -->

в файле main.css в самом низу добавьте
#topsl {margin: 40px 0 0;padding-bottom: 27px;border-bottom: 1px solid #e9e9e9;}
#topsl .block {padding: 106px 1% 0;text-align: center;display:block;}
#topsl .block:first-child {margin-left:0;}
#topsl .block .block-title1 {padding-top: 0px;text-transform: none;color: #666666;font-size: 150%;font-weight: normal;text-transform: uppercase;padding: 5px 0;}
#topsl .block .block-title1:before {position: absolute;content: "";height: 84px;width: 84px;border: 1px solid #dfdfdf;left: 50%;top: 0px;margin-left: -43px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}
#topsl .block .block-title1 span:before {position: absolute;content: "";height: 78px;width: 78px;border: 3px solid #FFF;left: 50%;top: 3px;margin-left: -40px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;opacity: 0;filter: alpha(opacity=0);}
#topsl .block .block-title1 span:after {position: absolute;content: "";background: url("{ASSETS_IMAGES_PATH}ico-shoppolicy.png") no-repeat -78px top;left: 50%;top: 4px;margin-left: -39px;height: 78px;width: 78px;}
#topsl .block.money-back .block-title1 span:after {background-position: -234px top;}
#topsl .block.orders-247 .block-title1 span:after {background-position: -390px top;}
#topsl .block.secured-payment .block-title1 span:after {background-position: -546px top;}
#topsl .block .block-title1:hover {cursor:pointer;}
#topsl .block:hover .block-title1 {color: #3cabda;}
#topsl .block:hover .block-title1:before {border-color: #3cabda;cursor:pointer;}
#topsl .block:hover .block-title1 span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);}
#topsl .block:hover .block-title1 span:after {background-position: 0px top;}
#topsl .block.money-back:hover .block-title1 span:after {background-position: -156px top;}
#topsl .block.orders-247:hover .block-title1 span:after {background-position: -312px top;}
#topsl .block.secured-payment:hover .block-title1 span:after {background-position: -468px top;}

Изменить цвет при наведении на товар
строка 405
.products-grid .item .item-inner:hover .item-info {background:#f8f8f8;}


#18 Thumm

Thumm

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

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

Отправлено 19 Сентябрь 2016 - 18:30

баннеры изменились, но необходимо еще отредактировать цвет текста в активном и не активном баннере, а то текста или картинки внутри баннера вообще не видно.
Или их там нет ?

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

  • баннер.jpg


#19 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 19 Сентябрь 2016 - 18:41

Просмотр сообщенияThumm (19 Сентябрь 2016 - 18:30) писал:

баннеры изменились, но необходимо еще отредактировать цвет текста в активном и не активном баннере, а то текста или картинки внутри баннера вообще не видно.
Или их там нет ?
Нужно добавить прикреплённый файл ico-shoppolicy.png в разделе "Редактор шаблонов"- Добавить файлы

Редактировать цвет при наведении
строка 1100
#topsl .block:hover .block-title1 span:before {background: #3cabda;opacity: 1;filter: alpha(opacity=100);}

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

  • ico-shoppolicy.png


#20 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 19 Сентябрь 2016 - 18:49

Просмотр сообщенияThumm (19 Сентябрь 2016 - 18:30) писал:

баннеры изменились, но необходимо еще отредактировать цвет текста в активном и не активном баннере, а то текста или картинки внутри баннера вообще не видно.
Или их там нет ?
Здравствуйте. В редакторе шаблонов кнопкой Добавить файлы загрузите прикрепленное изображение.

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

  • ico-shoppolicy.png





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

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