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


Помогите Довести До Ума

Автор DevidINA, 15 янв. 2018 17:18

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

#1 DevidINA

DevidINA

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

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

Отправлено 15 Январь 2018 - 17:18

Здравствуйте. Можно ли перенести корзину в виджет от вк, но чтобы окно не открывалось, а при нажатии переходила в корзину?

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

  • Без-имени-1.png

#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 15 Январь 2018 - 19:18

Просмотр сообщенияDevidINA (15 Январь 2018 - 17:18) писал:

Здравствуйте. Можно ли перенести корзину в виджет от вк, но чтобы окно не открывалось, а при нажатии переходила в корзину?

Здравствуйте.
В шаблоне main.css код:
/* Выпадающая корзина */
.mini-cart {margin: 0 0 0 8px;padding:0;position: relative;display: block;float:left;}
.mini-cart .block-title {cursor: pointer;text-transform: none;position: relative;padding: 0;height: 49px;width: 49px;border: 1px solid rgba(255, 255, 255, 0.5);-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: url("{ASSETS_IMAGES_PATH}action-llist.png?design=azure") no-repeat left -343px;}
.mini-cart:hover .block-title {background-color: rgba(255, 255, 255, 0.2);}
.mini-cart .block-title .cart-status {margin: 0;padding: 0;}
.mini-cart .block-title .cart-status .cart-count {display: block;margin: 0;width: 25px;height: 25px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background: #f74444;position: absolute;top: -8px;right: -8px;color: #FFF;text-align: center;line-height: 25px;}

Заменил на:
/* Выпадающая корзина */
.mini-cart {margin: 0 0 0 8px;padding:0;position: relative;display: block;float:left;position: fixed;top: 100px; right: 0;}
.mini-cart .block-title {cursor: pointer;text-transform: none;position: relative;padding: 0;height: 49px;width: 49px;border: 1px solid rgba(0, 0, 0, 0.5);-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: url("{ASSETS_IMAGES_PATH}action-llist.png?design=azure") no-repeat left -294px;}
.mini-cart:hover .block-title {background-color: rgba(255, 255, 255, 0.2);}
.mini-cart .block-title .cart-status {margin: 0;padding: 0;}
.mini-cart .block-title .cart-status .cart-count {display: block;margin: 0;width: 25px;height: 25px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background: #f74444;position: absolute;top: -8px;right: 0;color: #FFF;text-align: center;line-height: 25px;}

В шаблоне HTML перенес код корзины ниже и скрыл блок с вк.

#3 DevidINA

DevidINA

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

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

Отправлено 15 Январь 2018 - 19:49

Просмотр сообщенияFirefly (15 Январь 2018 - 19:18) писал:

Здравствуйте.
В шаблоне main.css код:
/* Выпадающая корзина */
.mini-cart {margin: 0 0 0 8px;padding:0;position: relative;display: block;float:left;}
.mini-cart .block-title {cursor: pointer;text-transform: none;position: relative;padding: 0;height: 49px;width: 49px;border: 1px solid rgba(255, 255, 255, 0.5);-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: url("{ASSETS_IMAGES_PATH}action-llist.png?design=azure") no-repeat left -343px;}
.mini-cart:hover .block-title {background-color: rgba(255, 255, 255, 0.2);}
.mini-cart .block-title .cart-status {margin: 0;padding: 0;}
.mini-cart .block-title .cart-status .cart-count {display: block;margin: 0;width: 25px;height: 25px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background: #f74444;position: absolute;top: -8px;right: -8px;color: #FFF;text-align: center;line-height: 25px;}

Заменил на:
/* Выпадающая корзина */
.mini-cart {margin: 0 0 0 8px;padding:0;position: relative;display: block;float:left;position: fixed;top: 100px; right: 0;}
.mini-cart .block-title {cursor: pointer;text-transform: none;position: relative;padding: 0;height: 49px;width: 49px;border: 1px solid rgba(0, 0, 0, 0.5);-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: url("{ASSETS_IMAGES_PATH}action-llist.png?design=azure") no-repeat left -294px;}
.mini-cart:hover .block-title {background-color: rgba(255, 255, 255, 0.2);}
.mini-cart .block-title .cart-status {margin: 0;padding: 0;}
.mini-cart .block-title .cart-status .cart-count {display: block;margin: 0;width: 25px;height: 25px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background: #f74444;position: absolute;top: -8px;right: 0;color: #FFF;text-align: center;line-height: 25px;}

В шаблоне HTML перенес код корзины ниже и скрыл блок с вк.
Спасибо огромное!
Помогите еще пожалуйста.

1 Нужно убрать желтую полосу сверху.
2. Помогите сделать вот такое выплывающее меню
3. Сделать текст больше и жирнее, чтобы лучше видно было
4. Логотип подвинуть немного влево и вверх, чтобы посередине был, так как на скрине
Спасибо !! :)

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

  • Без-имени-2.png

#4 Vaccina

Vaccina

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

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

Отправлено 17 Январь 2018 - 03:51

Просмотр сообщенияDevidINA (15 Январь 2018 - 19:49) писал:

Спасибо огромное!
Помогите еще пожалуйста.

1 Нужно убрать желтую полосу сверху.
2. Помогите сделать вот такое выплывающее меню
3. Сделать текст больше и жирнее, чтобы лучше видно было
4. Логотип подвинуть немного влево и вверх, чтобы посередине был, так как на скрине
Спасибо !! :)

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header-top {height: 57px;padding: 5px 0;line-height: 36px;border-top: 5px solid #ffa500;position: relative;}

замените на:
#header-top {height: 57px;padding: 7px 0;line-height: 36px;position: relative;}

далее найдите:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 21px 5px 21px 0px;position: relative;}

замените на:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 5px;position: relative;border-right: 1px solid #fff;}
#custommenu ul.mainnav li.level0:last-child {border-right: none;}

далее найдите:
#custommenu ul.mainnav li.level0 > a {
  border: 1px solid transparent;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 115%;
  font-weight: bold;
  padding: 8px 2px;
  position: relative;
}

замените на:
#custommenu ul.mainnav li.level0 > a {
  border: 1px solid transparent;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 105%;
  line-height: 100%;
  font-weight: bold;
  padding: 5px 2px;
  position: relative;
}

далее найдите:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 50px;overflow: visible;}

замените на:
#custommenu ul.mainnav {margin: 0;padding: 10px 0;list-style: none;max-height: 50px;overflow: visible;}

далее найдите:
#header-top .topheader-right .sns-quickaccess ul.links li:first-child {padding-left: 0px;}
#header-top .topheader-right .sns-quickaccess ul.links li:last-child {background:none;padding-right: 0px;}

после него пропишите:
#header-top .topheader-right .sns-quickaccess ul.links li a{font-size: 14px;font-weight: bold;}

далее найдите:
#header {position: relative;padding:  40px 0 30px;}

замените на:
#header {position: relative;padding:  20px 0 20px;}

далее найдите:
ul.contact-us-now {
	padding: 0;
	margin: 0;
}

замените на:
ul.contact-us-now {
	padding: 20px 0 0 0;
	margin: 0;
}
Domashopik.ru.png

#5 DevidINA

DevidINA

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

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

Отправлено 17 Январь 2018 - 13:51

Просмотр сообщенияVaccina (17 Январь 2018 - 03:51) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header-top {height: 57px;padding: 5px 0;line-height: 36px;border-top: 5px solid #ffa500;position: relative;}

замените на:
#header-top {height: 57px;padding: 7px 0;line-height: 36px;position: relative;}

далее найдите:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 21px 5px 21px 0px;position: relative;}

замените на:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 5px;position: relative;border-right: 1px solid #fff;}
#custommenu ul.mainnav li.level0:last-child {border-right: none;}

далее найдите:
#custommenu ul.mainnav li.level0 > a {
border: 1px solid transparent;
border-radius: 5px;
color: #fff;
display: block;
font-size: 115%;
font-weight: bold;
padding: 8px 2px;
position: relative;
}

замените на:
#custommenu ul.mainnav li.level0 > a {
border: 1px solid transparent;
border-radius: 5px;
color: #fff;
display: block;
font-size: 105%;
line-height: 100%;
font-weight: bold;
padding: 5px 2px;
position: relative;
}

далее найдите:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 50px;overflow: visible;}

замените на:
#custommenu ul.mainnav {margin: 0;padding: 10px 0;list-style: none;max-height: 50px;overflow: visible;}

далее найдите:
#header-top .topheader-right .sns-quickaccess ul.links li:first-child {padding-left: 0px;}
#header-top .topheader-right .sns-quickaccess ul.links li:last-child {background:none;padding-right: 0px;}

после него пропишите:
#header-top .topheader-right .sns-quickaccess ul.links li a{font-size: 14px;font-weight: bold;}

далее найдите:
#header {position: relative;padding: 40px 0 30px;}

замените на:
#header {position: relative;padding: 20px 0 20px;}

далее найдите:
ul.contact-us-now {
	padding: 0;
	margin: 0;
}

замените на:
ul.contact-us-now {
	padding: 20px 0 0 0;
	margin: 0;
}
Прикрепленный файл Domashopik.ru.png
Спасибо Вам огромное. Надеюсь что Вы мне поможете сделать еще некоторые изменения.

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

Можете скинуть мне ссылки на темы если такие уже были
Очень прошу помочь ибо заканчивается пробный период а я совсем в том не разбираюсь.
Спасибо за предоставленную помощь!!

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

  • Без-имени-1.png

#6 Stasya

Stasya

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

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

Отправлено 25 Январь 2018 - 15:20

Просмотр сообщенияDevidINA (17 Январь 2018 - 13:51) писал:

Спасибо Вам огромное. Надеюсь что Вы мне поможете сделать еще некоторые изменения.

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

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


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лазурь
  5. → Изменение общей стилистики
  6. Privacy Policy