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


Изменить Главную


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

#1 TVS163

TVS163

    Продвинутый пользователь

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

Отправлено 28 Март 2015 - 15:36

Здравствуйте. хотелось бы видеть главную страницу в таком варианте. Под товарами "на главной" хочу расположить 3 картинки с текстом под каждой из них.

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

  • структура.jpg


#2 Ирина345

Ирина345

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

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

Отправлено 28 Март 2015 - 15:44

Просмотр сообщенияTVS163 (28 Март 2015 - 15:36) писал:

Здравствуйте. хотелось бы видеть главную страницу в таком варианте. Под товарами "на главной" хочу расположить 3 картинки с текстом под каждой из них.
Здравствуйте, зайдите в редактор страницы Магазин SEATEX и внесите ваши изменения, они отобразятся на главной , так как в качестве главной у вас установленная данная страница Магазин SEATEX

#3 TVS163

TVS163

    Продвинутый пользователь

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

Отправлено 28 Март 2015 - 16:02

Просмотр сообщенияИрина345 (28 Март 2015 - 15:44) писал:

Здравствуйте, зайдите в редактор страницы Магазин SEATEX и внесите ваши изменения, они отобразятся на главной , так как в качестве главной у вас установленная данная страница Магазин SEATEX

я попробовал и у меня какая то неразбериха получилась, сделал бэк ап. Мне надо разграничить главную страницу на три колонки, после "Товаров на главной" получается?

#4 Alekseys

Alekseys

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

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

Отправлено 28 Март 2015 - 18:05

Просмотр сообщенияTVS163 (28 Март 2015 - 16:02) писал:

я попробовал и у меня какая то неразбериха получилась, сделал бэк ап. Мне надо разграничить главную страницу на три колонки, после "Товаров на главной" получается?
Да. В разделе Сайт - Страницы - Магазин SEATEX - Описание страницы произведите нужные изменения.

#5 TVS163

TVS163

    Продвинутый пользователь

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

Отправлено 28 Март 2015 - 22:13

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

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

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


#6 MikDark

MikDark

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

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

Отправлено 28 Март 2015 - 22:22

Просмотр сообщенияTVS163 (28 Март 2015 - 22:13) писал:

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

Вам нужно удалить код кнопки из раздела Настройки - Основные и добавить его в шаблон HTML перед тэгом </body>

#7 kislovodchanin

kislovodchanin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 111 сообщений
  • ГородКисловодск

Отправлено 28 Март 2015 - 23:07

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

#8 Danil

Danil

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

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

Отправлено 30 Март 2015 - 15:15

Просмотр сообщенияkislovodchanin (28 Март 2015 - 23:07) писал:

Надеюсь топикастер на меня в обиде не будет, если я спрошу тут о своей проблеме.
Господа модераторы, у меня появился горизонтальный скрол в магазине.
Самому устранить проблему не получается, пересмотрел все темы форума по данному вопросу.
Откат шаблона проблему не решает.
Помогите пожалуйста, а то как то не комильфо!
Здравствуйте.
В style.css найдите код
.flexslider {
  margin: 0 0 30px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  zoom: 1;
}
и замените на
.flexslider {
  margin: 0 0 30px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  zoom: 1;
  overflow: hidden;
}


#9 TVS163

TVS163

    Продвинутый пользователь

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

Отправлено 30 Март 2015 - 21:17

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

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

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


#10 kislovodchanin

kislovodchanin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 111 сообщений
  • ГородКисловодск

Отправлено 30 Март 2015 - 22:29

Просмотр сообщенияDanil (30 Март 2015 - 15:15) писал:

Здравствуйте.
В style.css найдите код
.flexslider {
margin: 0 0 30px;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
zoom: 1;
}
и замените на
.flexslider {
margin: 0 0 30px;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
zoom: 1;
overflow: hidden;
}

К сожалению не помогло((((
Не могли бы Вы придумать какое либо ещё решение, дабы устранить, эту досадную неприятность?

#11 Vaccina

Vaccina

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

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

Отправлено 31 Март 2015 - 01:16

Горизонтальный скролл появился из-за меню, оно у вас подвинуто за пределы сайта и имеет большую ширину в style.css найдите:
#megamenu {
position: absolute;
height: 35px;
left: 22%;
top: 165px;
float: left;
width: 100%;
}

замените на:
#megamenu {
position: absolute;
height: 35px;
left: 22%;
top: 165px;
float: left;
width: 79%;
overflow: hidden;
}


#12 kislovodchanin

kislovodchanin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 111 сообщений
  • ГородКисловодск

Отправлено 31 Март 2015 - 01:39

Просмотр сообщенияVaccina (31 Март 2015 - 01:16) писал:

Горизонтальный скролл появился из-за меню, оно у вас подвинуто за пределы сайта и имеет большую ширину в style.css найдите:
#megamenu {
position: absolute;
height: 35px;
left: 22%;
top: 165px;
float: left;
width: 100%;
}

замените на:
#megamenu {
position: absolute;
height: 35px;
left: 22%;
top: 165px;
float: left;
width: 79%;
overflow: hidden;
}

Спасибо! Применил оба совета и всё пришло в норму!

#13 TVS163

TVS163

    Продвинутый пользователь

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

Отправлено 31 Март 2015 - 11:45

Просмотр сообщенияTVS163 (30 Март 2015 - 21:17) писал:

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

Пожалуйста помогите это осущетвить.

#14 Danil

Danil

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

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

Отправлено 31 Март 2015 - 11:51

Просмотр сообщенияTVS163 (31 Март 2015 - 11:45) писал:

Пожалуйста помогите это осущетвить.
Здравствуйте.
Данные иконки реализуются с помощью виджета.
Пришлите нам код виджета и мы поможем его установить.

#15 TVS163

TVS163

    Продвинутый пользователь

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

Отправлено 31 Март 2015 - 12:51

Просмотр сообщенияDanil (31 Март 2015 - 11:51) писал:

Здравствуйте.
Данные иконки реализуются с помощью виджета.
Пришлите нам код виджета и мы поможем его установить.

Виджет у меня уже давно стоит

Цитата

<script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="large" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki" data-yashareTheme="counter"></div>

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

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

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


#16 MikDark

MikDark

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

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

Отправлено 31 Март 2015 - 13:27

Просмотр сообщенияTVS163 (31 Март 2015 - 12:51) писал:

Виджет у меня уже давно стоит



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

Вам нужно код кнопок:
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="large" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki" data-yashareTheme="counter"></div>

заменить на:

<div class="soc"><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="large" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki" data-yashareTheme="counter"></div></div>

Далее в шаблон style.css добавить код:
.soc {border:1px solid grey; padding:5px; width: 300px; overflow:hidden;}

#17 TVS163

TVS163

    Продвинутый пользователь

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

Отправлено 31 Март 2015 - 19:58

Просмотр сообщенияMikDark (31 Март 2015 - 13:27) писал:

Вам нужно код кнопок:
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="large" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki" data-yashareTheme="counter"></div>

заменить на:

<div class="soc"><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="large" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki" data-yashareTheme="counter"></div></div>

Далее в шаблон style.css добавить код:
.soc {border:1px solid grey; padding:5px; width: 300px; overflow:hidden;}

Появилась только черная окантовочная линия. Я бы хотел сделать не навящевый полупрозрачный прямоугольник с скругленными краями

#18 Vaccina

Vaccina

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

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

Отправлено 01 Апрель 2015 - 00:17

Попробуйте из изменений выше:
.soc {border:1px solid grey; padding:5px; width: 300px; overflow:hidden;}
заменить на:
.soc {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  margin: 10px 0;
  padding: 10px;
}


#19 TVS163

TVS163

    Продвинутый пользователь

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

Отправлено 01 Апрель 2015 - 07:42

Просмотр сообщенияVaccina (01 Апрель 2015 - 00:17) писал:

Попробуйте из изменений выше:
.soc {border:1px solid grey; padding:5px; width: 300px; overflow:hidden;}
заменить на:
.soc {
background: rgba(0, 0, 0, 0.4);
border-radius: 5px;
margin: 10px 0;
padding: 10px;
}

Никаких изменений, даже рамочки не видно вокруг моего виджета. Может я что то не туда вставляю?

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

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


#20 TVS163

TVS163

    Продвинутый пользователь

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

Отправлено 01 Апрель 2015 - 08:32

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

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

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





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

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