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

  2. → Просмотр профиля: "Лайки": bscgroup

bscgroup

Регистрация: 05 июня 2017
Offline Активность: 05 апр. 2018 09:38
-----

#266708 Меню, Слайдер

Отправлено bscgroup на 01 Сентябрь 2017 - 08:15

Просмотр сообщенияVaccina (01 Сентябрь 2017 - 05:19) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="aria_banner_siler">
		 <div id="slideshow">
				 <div id="slider">
				 <div class="slider-item-1 ">
								 <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" >
								 <div class="item-html">
								 <div class="container">
												 <div class="text-border">
												 <h2>Beauty Shop Company</h2>
												 <h3>Будь красивой</h3>
												 <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
												 </div>
								 </div>
								 </div>
				 </div>
				 <div class="slider-item-1 ">
								 <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" >
								 <div class="item-html">
								 <div class="container">
												 <div class="text-border">
												 <h2>Beauty Shop Company</h2>
												 <h3>Будь красивой</h3>
												 <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
												 </div>
								 </div>
								 </div>
				 </div>
				 <div class="slider-item-1 ">
								 <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" >
								 <div class="item-html">
								 <div class="container">
												 <div class="text-border">
												 <h2>Beauty Shop Company</h2>
												 <h3>Будь красивой</h3>
												 <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
												 </div>
								 </div>
								 </div>
				 </div>
				 </div>
</div>
</div>


замените на:
<div class="aria_banner_siler">
<div class="text-border">
<h2>Beauty Shop Company</h2>
<h3>Будь красивой</h3>
<a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
</div>
</div>

Далее зайдите в main.css - найдите:
/*** Слайдер ***/
#slideshow {position: relative;margin-bottom: 6px;}
#slideshow .owl-carousel .owl-stage {text-align: center;}

перед ним поставьте:
.aria_banner > div.aria_banner_left{padding-right: 0;}
.aria_banner > div.aria_banner_right{padding-left: 0;}
.aria_banner > div.aria_banner_right .aria_banner_siler {padding:12.5% 0; background: #fff;}
.aria_banner > div.aria_banner_right .aria_banner_siler .text-border{margin: 0;width:100%;}

Уточните пожалуйста, какое отображение было в мобильной версии? Прикрепите пожалуйста скриншот.
В мобильной версии, у меня 4 сладера друг под другом. Мне нужен только 3 после большого первого
Мне нужно что бы в полной версии между сладерами по контуру была рамочка типа обводки товаров только чутка толше.


#266699 Меню, Слайдер

Отправлено bscgroup на 01 Сентябрь 2017 - 02:09

Как обычно на вопрос будем отвечать неделями ......


#266461 Внести Изменения В Шаблон

Отправлено bscgroup на 25 Август 2017 - 14:56

Просмотр сообщенияFirefly (25 Август 2017 - 14:24) писал:

Внес Вам правки. Проверьте, пожалуйста.
Просто супер, даже лучше чем хотел. Огромное спасибо)))))


#266383 Внести Изменения В Шаблон

Отправлено bscgroup на 24 Август 2017 - 14:32

День добрый.
как разместить картинку как фон на сайт. Что бы все блоки и конки были как бы на картинке.
Заранее благодарю

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

  • depositphotos_42743407-stock-illustration-nail-polish-pattern.jpg



#266299 Поправка Шаблона Новогодний

Отправлено bscgroup на 23 Август 2017 - 11:37

Просмотр сообщенияИрина345 (23 Август 2017 - 11:00) писал:

Найдите в файле main.css
#banner .item .image {display: block;margin: 0 auto;}
#banner .item .image { width: 76px;}
замените на
#banner .navigation .next { right: -25px;}
#banner .navigation .prev { left: -25px;}
#banner .item .image {
display: inline-block;
margin: 0 auto;
}
#banner .item .image {
width: 71px; margin-right: 7px;
margin-left: 21px;
}
#banner .item {
display: flex;
justify-content: center;
align-items: center;
padding: 0 14px;
}
#banner .navigation a { top: 11%; }
Спасибо. Осталось стрелки выронить по середине и текст в виде перевернутой пирамиды(разметка) все содержимое в банере выровнить по цередине


#266291 Поправка Шаблона Новогодний

Отправлено bscgroup на 23 Август 2017 - 10:45

Просмотр сообщенияИрина345 (23 Август 2017 - 10:34) писал:

найдите в файле main.css
@media all and (max-width: 641px) {
после вставьте
#banner .item .image {
display: block;
margin: 0 auto;
}
Мне нужно что бы стрелки были ближе к краям, и тест в середине. но раз картинки такие то помогите с лева поставить картинку а с права текст выровненный по центру как на картинках 1, 2, 3 соответственно что бы вошло текст можно меньше примерно как на фото во вложении
и блок сделать по ширине как главный и размер картинок примерно одинаковый

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

  • 1.JPG
  • 2.JPG
  • 3.JPG



#266094 Поправка Шаблона Новогодний

Отправлено bscgroup на 18 Август 2017 - 11:20

Просмотр сообщенияDanil (18 Август 2017 - 11:00) писал:

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


#265191 Мобильная Версия Сайта

Отправлено bscgroup на 23 Июль 2017 - 20:37

Просмотр сообщенияmetry (23 Июль 2017 - 20:19) писал:

в main.css найдите:
@media all and (max-width: 300px) {
		 #footer .footer-top .row > .col-md-6:nth-child(3) .title {
font-family: Monotype Corsiva;
font-size: 12px;
}
}

замените на:

@media all and (max-width: 300px) {
#footer .footer-top .row > .col-md-6:nth-child(1) .title, #footer .footer-top .row > .col-md-6:nth-child(2) .title, #footer .footer-top .row > .col-md-6:nth-child(3) .title {
	 font-family: Monotype Corsiva;
	 font-size: 10px;
}
}

далее зайдите в Редактор шаблонов-->HTML и найдите:

<link href="https://fonts.googleapis.com/css?family=Oranienbaum&amp;subset=cyrillic" rel="stylesheet">

после него вставьте:
	 <style type="text/css">
	 @font-face {
		 font-family: 'Monotype Corsiva';
		 src: url('/design/Monotype-Corsiva.ttf');
		 font-weight: normal;
		 font-style: normal;
	 }
	 </style>

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


#265188 Мобильная Версия Сайта

Отправлено bscgroup на 23 Июль 2017 - 19:37

Просмотр сообщенияmetry (23 Июль 2017 - 19:26) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
#footer .callback h3.title {margin: 0 0 10px;font-size:14px;text-align:center;width:100%;}

и после него вставьте:

.footer-top .lk_footer, .footer-top .menu_footer, .footer-top .contacts{
padding-left: 2px;
padding-right: 2px;
}

далее в конец main.css вставьте:

@media all and (max-width: 300px) {
	 #footer .footer-top .row > .col-md-6:nth-child(3) .title {
font-family: Monotype Corsiva;
font-size: 12px;

}
}

- по поводу шрифта, уточните, пожалуйста, его точное название.
Monotype Corsiva, после ваших изменений не чего не изменилось


#265090 Меню Сайта

Отправлено bscgroup на 20 Июль 2017 - 19:15

Просмотр сообщенияMr.Nito (20 Июль 2017 - 18:37) писал:

Выполнил последний шаг из инструкции выше, а также увеличил размер шапки для мобильного
Код
@media all and (min-width: 375px) and (max-width: 481px) {
#header {
padding: 17px 0;
}
#header .header-top .container > div.logo {
	 top: -10px;
}
}
Большое спасибо за быстрый ответ, все гуд


#265063 Меню Сайта

Отправлено bscgroup на 20 Июль 2017 - 07:50

Просмотр сообщенияVaccina (20 Июль 2017 - 07:28) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header .header-top .container > div.contacts.toggle_menu_wrap {
margin-right: 45%;
}

замените на:
#header .header-top .container > div.contacts.toggle_menu_wrap {
margin-right: 35%;
}

Далее найдите:
#header .header-top .container {
padding-top: 60px;
}


замените на:
#header .header-top .container {
padding-top: 0;
line-height: 60px;
}


Далее найдите:
#header .header-top .container > div.logo {
display: inline-block;
position: absolute;
top: 40px;
left: 15px;
right: 15px;
margin: 0;
}


замените на:
#header .header-top .container > div.logo {
display: inline-block;
position: absolute;
top: -5px;
left: 15px;
right: 15px;
margin: 0;
}

Результат:
Прикрепленный файл Скриншот сделанный 2017-07-20 в 11.28.18.png
Очень хорошо, спасибо большое


#264912 В Теме Новогодняя Изменить Вывод Модификаций В Товаре

Отправлено bscgroup на 17 Июль 2017 - 12:07

Просмотр сообщенияMikDark (17 Июль 2017 - 10:53) писал:

Здравствуйте. Вам необходимо добавить все возможный варианты модификаций.
Допустим у Вас есть размеры 42, 44, 46 и цвета Черный и Белый.
В этом случае Вам надо создать 6 модификаций
1) Размер - 42, Цвет - Белый
2) Размер - 42, Цвет - Черный
3) Размер - 44, Цвет - Белый
4) Размер - 44, Цвет - Черный
5) Размер - 46, Цвет - Белый
6) Размер - 46, Цвет - Черный

Чтобы привязать фото к модификации Вам нужно в описание модификации добавить код:
<img src="#">

где вместо знака # подставьте ссылку на картинку, которая соответствует данной модификации. Дальше пришлите нам название товара, где Вы произвели изменения, мы Вам настроим на его примере
http://bscgroup.ru/g...1490#show_tab_2
И помогите рамку сделать ширеной меньше, а когда список раскрывался то мо ширине текста. Как на фото 1 как нужно ширину сделать, на фото 2 как рамка раскрывалась.(по ширине текста)

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

  • 1.JPG
  • 2.JPG



#264853 Меню Сайта

Отправлено bscgroup на 16 Июль 2017 - 13:01

Просмотр сообщенияMr.Nito (16 Июль 2017 - 11:28) писал:

Выровнял шапку и пункты в файле main.css
@media all and (min-width: 1200px) {
#header .cart .toggle_menu_cont {right: 60px;}
#header .search .toggle_menu_cont {right: 85px;}
#header .header-top .container { display: flex; align-items: center; justify-content: space-around;}
#header .header-top .container > div:first-child {margin-left:auto;}
#header .header-top .container > div:last-child {margin-right:auto;min-width:100px;}
#header .contacts.toggle_menu_wrap { margin-right: 0;}
#header .logo { margin:0 auto;}
}
Спасибо


#264732 Поправка Шаблона Новогодний

Отправлено bscgroup на 13 Июль 2017 - 19:14

Просмотр сообщенияMikDark (13 Июль 2017 - 15:37) писал:

1) В шаблоне main.css Вам нужно заменить код:
.show-by select {
max-width: 65px;
border-left: 1px solid #fce3bd;
}

на

.show-by select {
max-width: 70px;
border-left: 1px solid #fce3bd;
}

2) В шаблоне HTML найдите код:
<li class="slider-item-2">
				 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img" title="element1" alt="element1">
		 </li>
		 <li class="slider-item-3">
				 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img" title="element2" alt="element2">
		 </li>
		 <li class="slider-item-4">
				 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img" title="element3" alt="element3">
		 </li>
		 <li class="slider-item-5">
				 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img" title="element4" alt="element4">
		 </li>
		 <li class="slider-item-6">
				 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img" title="element5" alt="element5">
		 </li>
		 <li class="slider-item-7">
				 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img" title="element6" alt="element6">
		 </li>

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

<li class="slider-item-2">
				 <img src="{ASSETS_IMAGES_PATH}element1.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-3">
				 <img src="{ASSETS_IMAGES_PATH}element2.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-4">
				 <img src="{ASSETS_IMAGES_PATH}element3.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-5">
				 <img src="{ASSETS_IMAGES_PATH}element4.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-6">
				 <img src="{ASSETS_IMAGES_PATH}element5.png?design=cosines" class="item-img">
		 </li>
		 <li class="slider-item-7">
				 <img src="{ASSETS_IMAGES_PATH}element6.png?design=cosines" class="item-img">
		 </li>

3) Вам нужно заменить в шаблоне main.css

#footer h3 {
font-size: 25px;
margin-bottom: 15px;
}

на

#footer h3 {
font-size: 25px;
margin-bottom: 15px;
font-weight: bold;
}

4) В шаблоне main.css Вам нужно найти код:

#breadcrumbs ul li {
display: inline-block;
line-height: 20px;
text-transform: capitalize;
padding-right: 5px;
font-size: 13px;
}

и изменить там параметр font-size на нужный размер

После изменений напишите, дадим остальные инструкции

При применении настроек которые вы указали под цифрой два изменения появляются такие как на фото 12
Просьба для полной версии сайта сделать так что бы при наведении на лепестки не высвечивалось название.
Для мобильной версии:
на рисунке 13 изображены товары как есть, на 14 как хочу видеть (на 14 фото подробно описал что где.)
Шрифт в мобильной версии где путь по каталогу не поменялся на Corsiva, просьба поправить.
Просьба помочь сделать так как на рисунке 5.
И помогите убрать скрипт вк (Есть вопросы?) только из мобильной версии.

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

  • 12.jpg
  • 13.jpg
  • 14.jpg
  • 5.jpg



#264595 Добавление Кнопки "уведомить Меня" На Товар Которого Нет В Наличии

Отправлено bscgroup на 11 Июль 2017 - 16:33

Буду очень благодарен за ответ и в этом разделе. Спасибо.




  1. Форум владельцев интернет-магазинов
  2. → Просмотр профиля: "Лайки": bscgroup
  3. Privacy Policy