Публикации bscgroup

Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

203 публикаций создано bscgroup (учитываются публикации только с 24-Июнь 23)

По типу контента

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

Сортировать

Порядок

#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, после ваших изменений не чего не изменилось

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

Отправлено от bscgroup в 16 Июль 2017 - 16:47 в Изменение общей стилистики

Mr.Nito (16 Июль 2017 - 16:38) писал:

-Удалил виджет вк в мобильной версии
-Выровнял соц сети на моб устройстве
-Заменил 1ю иконку и поправил её работу на мобильной версии
-Виджет группы в подвале не уместится на экране размером 320px
-Товары сделал 2 в строку

@media (min-width: 400px) and (max-width: 641px) {
.products-grid .item .item-inner {display: inline-block;position: relative;overflow: hidden;border: 1px solid #fce3bd;max-width: 100%;width: 175px;}

Проверил, фото во вложении. Кнопки меню в шапке выровнить по середине и на одном уровне.
Подписаться на наталью в подвале выровнить по середине.
Обратный звонок тоже сделать в одну строчку по середине.
Товары в строчку по 2- спасибо , робит. Только помогите под сравнением и сердечком высоту убрать и выровнить товары по ширине полоски где написано вид сортировки. И последнее помогите в мобильной версии виджет вк группа сделать под подписаться на Наталью и выронить по середине.Заранее спасибо.

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

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

Отправлено от bscgroup в 20 Июль 2017 - 19:17 в Изменение общей стилистики

??

Заранее спасибо

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

Отправлено от bscgroup в 17 Июль 2017 - 20:02 в Изменение общей стилистики

MikDark (17 Июль 2017 - 16:06) писал:

В шаблон main.css Вам нужно добавить код:

div#vk_subscribe {
width: 251px !important;
margin: 0 auto;
}

Далее там же после кода:

@media all and (max-width: 481px) {

добавьте:

.products-grid .item .product-shop {
padding: 10px 10px 0 10px !important;
}

По ширине выравнять товары нельзя, т.к. полоска встраивается по ширине экрана, а карточки товара имею строго определенные размеры. По поводу виджета вк, то в шаблоне HTML замените код:

<div class="col-lg-2 col-md-6 col-sm-6 col-sms-6 col-smb-6">
<div class="block-contact">									
								
<script type="text/javascript" src="//vk.com/js/api/openapi.js?146"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1}, 134925941);
</script>
</div></div>

на

<div class="col-lg-2 col-md-6 col-sm-6 col-sms-6 col-smb-6 contacts">
<div class="block-contact">									
								
<script type="text/javascript" src="//vk.com/js/api/openapi.js?146"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1}, 134925941);
</script>
</div></div>

добрый вечер
куда это вставить именно и что изменится ? Вставлял в конец-чистил браузер. Сайт вообще переставал грузица и изменений небыло.
В шаблон main.css Вам нужно добавить код:
div#vk_subscribe {
width: 251px !important;
margin: 0 auto;
}

Далее там же после кода:

@media all and (max-width: 481px) {

добавьте:
.products-grid .item .product-shop {
padding: 10px 10px 0 10px !important;
}
Вставил код шаблон по вопросу виджета вк та же история.

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

Отправлено от bscgroup в 19 Июль 2017 - 14:46 в Изменение общей стилистики

metry (19 Июль 2017 - 14:22) писал:

в main.css найдите:

#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
width: 200px;
left: 0;
}

замените на:

#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
width: 100%;
left: 0;
}

далее найдите:

#footer .callback h3.title {margin: 0 0 10px;font-size:14px;text-align:center;width:100%;}
}

замените на:

#footer .callback h3.title {margin: 0 0 10px;font-size:14px;text-align:center;width:100%;}
#footer .block-contact > div i {width: 9px;text-align: center;vertical-align: middle;font-size: 12px;margin-right: 10px;}
}

Спасибо, а сделать как было только по середине не как ? Было как, нажимаешь на меню и выплывает рамка а внутри инфа. мне нужно чтобы при нажатии на любую кнопку меню, табличка выравнивалась по середине. И личный кабинет все еще в 2 строчки. и шрифт прежний, нужно вернуть выравнивание по левому краю в окошке всплывающем.
Уж извините что мучаю. Заранее спасибо

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

Отправлено от bscgroup в 17 Июль 2017 - 21:04 в Изменение общей стилистики

В общим заморочился и нарисовал подробно как хочу видеть шапку и подвал в мобильной версии.
На рис 1 с лева как сейчас с права как нужно.
На рис 2 полностью нарисовал как хочу видеть подвал. с лева на фото все элементы которые должны в конечном итоге остаться в подвале,не чего более.
Помогите пожалуйста до конца реализовать идею. Надеюсь на Вашу помощь товарищи специалисты))
Заранее огромное спасибо, надеюсь на Вашу реакцию и для того что бы не переделывать 100 раз помочь сделать качественно.

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

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

Отправлено от bscgroup в 21 Июль 2017 - 12:09 в Изменение общей стилистики

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

Отправлено от bscgroup в 19 Июль 2017 - 07:36 в Изменение общей стилистики

Vaccina (19 Июль 2017 - 05:56) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

@media all and (max-width: 768px) {
#header .header-top .container > div {margin-left: 0%;}

после него пропишите:

#header .header-top .container > div.contacts.toggle_menu_wrap {
margin-right: 45%;
}

далее найдите:

@media all and (max-width: 320px) {
#header .header-top .container > div.logo {display: inline-block;position: absolute;top: 60px;left: 15px;right: 15px;margin: 0;}

замените на:

@media all and (max-width: 320px) {
#header .header-top .container > div.logo {display: inline-block;position: absolute;top: 40px;left: 15px;right: 15px;margin: 0;}

Далее найдите:

@media all and (max-width: 768px) {

после него пропишите:

#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
width: 200px;
left: 0;
}
#footer .block-contact {
right: 0;
}

#footer .footer-top .row > .col-md-6:nth-child(1), #footer .footer-top .row > .col-md-6:nth-child(2), #footer .footer-top .row > .col-md-6:nth-child(3) {
margin-bottom: 30px;
}

В конце main.js пропишите:

$(document).ready(function () {
$('.footer-top .links, .footer-top .block-contact').hide();
$('.footer-top .title').click(function () {
if ($(this).next().is(':visible')) {
	 $(this).next().hide();
} else {
	 $('.footer-top .links, .footer-top .block-contact').hide();
	 $(this).next().show();
}
});
});

При применении настроек мобильная версия становится как на фото с лева, полная версия тоже поменялась(удалилась группа вк и меню раскрывающее-нужно вернуть как было это все в подвале).Нужно доработать мобильную версию как на фото с права с расрывающимся меню а не сплачивающим окном, ШРИФТ МЕНЮ СДЕЛАТЬ Monotype Corsiva и чуть меньше что бы в строчку влезла подписаться на Наталью по середине и обратный звонок в строчку и по середине (в общим как на фото с права). спасибо заранее.

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

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

Отправлено от bscgroup в 28 Июль 2017 - 16:46 в Изменение общей стилистики

Ошибка на мобильной версии и на полной тоже

Помогите решить

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

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

Отправлено от bscgroup в 19 Июль 2017 - 09:13 в Изменение общей стилистики

Vaccina (19 Июль 2017 - 08:35) писал:

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

@media all and (min-width: 768px) {
.logo{max-width:200px;}
}
@media all and (max-width: 768px) {

после него пропишите:

#footer .footer-top .row > .col-md-6:nth-child(1), #footer .footer-top .row > .col-md-6:nth-child(2), #footer .footer-top .row > .col-md-6:nth-child(3) {
width: 30%;
clear: none;
}
#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: 14px;
}

далее найдите и удалите:

#footer .footer-top .row > .col-md-6:nth-child(1), #footer .footer-top .row > .col-md-6:nth-child(2), #footer .footer-top .row > .col-md-6:nth-child(3) {
margin-bottom: 30px;
}

Текст "Личный кабинет" на "Кабинет" замените в разделе Сайт - Редактор шаблонов - HTML.

Далее зайдите в шаблон main.js - найдите:

// Запуск основных функций для разных разрешений экрана
$(document).ready(function(){
if(getClientWidth() > 767){
AddCart();
animated();
quickView();
toggle();
toggle2();
}
if(getClientWidth() < 767){
OpenMenu();
OpenMenu2();
}
// Запуск функций при изменении экрана
$(window).resize(function(){
if(getClientWidth() > 767){
	 quickView();
}
if(getClientWidth() < 767){
	
}
});
});
$(document).ready(function () {
$('.footer-top .links, .footer-top .block-contact').hide();
$('.footer-top .title').click(function () {
if ($(this).next().is(':visible')) {
		 $(this).next().hide();
} else {
		 $('.footer-top .links, .footer-top .block-contact').hide();
		 $(this).next().show();
}
});
});

замените на:

// Запуск основных функций для разных разрешений экрана
$(document).ready(function(){
if(getClientWidth() > 767){
AddCart();
animated();
quickView();
toggle();
toggle2();
}
if(getClientWidth() < 767){
OpenMenu();
OpenMenu2();
$('.footer-top .links, .footer-top .block-contact').hide();
$('.footer-top .title').click(function () {
if ($(this).next().is(':visible')) {
		 $(this).next().hide();
} else {
		 $('.footer-top .links, .footer-top .block-contact').hide();
		 $(this).next().show();
}
});
}
// Запуск функций при изменении экрана
$(window).resize(function(){
if(getClientWidth() > 767){
	 quickView();
}
if(getClientWidth() < 767){
	
}
});
});

Круто, уже ближе!))))) Расстановку помогите поправить как на фото с права. и при нажатии на меню окошко открывалось выравнивалось по середине

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

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

Отправлено от bscgroup в 20 Июль 2017 - 14:14 в Изменение общей стилистики

Vaccina (20 Июль 2017 - 07:18) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

#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: 12px;
}
#footer .footer-top .row > .col-md-6:nth-child(1), #footer .footer-top .row > .col-md-6:nth-child(2), #footer .footer-top .row > .col-md-6:nth-child(3) {
		 width: 32%;
		 clear: none;
}

замените на:

#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: 12px;
	overflow: hidden;
		 white-space: nowrap;
}
#footer .footer-top .row > .col-md-6:nth-child(2) .title{
text-indent: -60px;
}
#footer .footer-top .row > .col-md-6:nth-child(1), #footer .footer-top .row > .col-md-6:nth-child(2), #footer .footer-top .row > .col-md-6:nth-child(3) {
		 width: 32%;
		 clear: none;
position: inherit;
}
.container {
	position: relative;
}

Далее найдите:

#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
width: 200px;
left: 0;
}

замените на:

#footer ul.links, #footer .block-contact {
	position: absolute;
	border: 1px solid #F50056;
	padding: 10px;
	background: #FFF9E8;
	z-index: 10;
	width: 90%;
	left: 10px;
	right: 10px;
}

Результат:
Прикрепленный файл

Скриншот сделанный 2017-07-20 в 11.18.20.png

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

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

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

Отправлено от bscgroup в 19 Июль 2017 - 09:47 в Изменение общей стилистики

Заранее спасибо

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

Отправлено от bscgroup в 15 Июль 2017 - 14:09 в Изменение общей стилистики

Помогите к дополнению сделать текст в мобильной версии как на рис2, как на рис1 это сейчас
и сделать текст меньше как на рис 4,
Пожалуйста еще помогите уже закончить с тем что описал выше там все на фото, по аналогии. Уже давно бьюсь с ними
Заранее спасибо.

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

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

Отправлено от bscgroup в 19 Июль 2017 - 11:54 в Изменение общей стилистики

metry (19 Июль 2017 - 11:29) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

<div class="col-lg-3 col-md-6 col-sm-6 col-sms-6 col-smb-12">
						 <h3 class="title text-center">Мы в социальных сетях</h3>

замените на:

					 <div class="col-lg-3 col-md-6 col-sm-6 col-sms-6 col-smb-12 social_footer">
						 <h3 class="title text-center">Мы в социальных сетях</h3>

найдите:

					 <div class="col-lg-2 col-md-6 col-sm-6 col-sms-6 col-smb-6">
												 <h3 class="title">Меню</h3>

замените на:

					 <div class="col-lg-2 col-md-6 col-sm-6 col-sms-6 col-smb-6 menu_footer">
												 <h3 class="title">Меню</h3>

найдите:

<div class="col-lg-3 col-md-6 col-sm-6 col-sms-6 col-smb-6">
<h3 class="title">Личный кабинет</h3>

замените на:

					 <div class="col-lg-3 col-md-6 col-sm-6 col-sms-6 col-smb-6 lk_footer">
						 <h3 class="title">Личный кабинет</h3>

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

@media all and (max-width: 768px){
.menu_footer{text-align:center;}
.social_footer {width:100%;text-align: center;}
#footer h3.text-center, #footer .social-links {text-align: center !important;}
.footer-top .lk_footer, .footer-top .menu_footer, .footer-top .contacts{width:33.3333%;text-align:center !important;}
#footer .footer-top .row > .col-md-6:nth-child(1), #footer .footer-top .row > .col-md-6:nth-child(2), #footer .footer-top .row > .col-md-6:nth-child(3) {
	 width: 33%;
	 clear: none;
}
}
@media all and (max-width: 641px){

#footer h3.text-center, #footer .social-links {text-align: center !important; font-size:14px}
#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: 12px;
}
#footer .footer-top .row > .col-md-6:nth-child(1), #footer .footer-top .row > .col-md-6:nth-child(2), #footer .footer-top .row > .col-md-6:nth-child(3) {
	 width: 32%;
	 clear: none;
}
#footer .callback h3.title {margin: 0 0 10px;font-size:14px;text-align:center;width:100%;}
}

- к сожалению, выровнить по центру кнопку "подписаться" не получится, так как код виджета является сторонним.

Спасибо. В мобильной версии Кнопки меню в подвале нужно в одну строчку и шрифтом Monotype Corsiva, и при нажатии на кнопки меню не текст был по середине а сама рамка открывалась по середине, причкм любое меню если нажимаешь. И напишите как выравнивание в рамке вернуть прежнее. Заранее спасибо.

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

Отправлено от bscgroup в 23 Июль 2017 - 16:41 в Изменение общей стилистики

Vaccina (22 Июль 2017 - 08:04) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите и удалите:

#footer .block-contact {
right: 0;
}

далее найдите:

#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: 12px;
overflow: hidden;
white-space: nowrap;
}

замените на:

#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: 14px;
overflow: hidden;
white-space: nowrap;
}

далее найдите:

#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
left: 10px;
right: 10px;
}

замените на:

#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
left: 10px;
right: 10px;
font-weight: bold;
}

далее найдите:

#footer .footer-top .row > .col-md-6:nth-child(1), #footer .footer-top .row > .col-md-6:nth-child(2), #footer .footer-top .row > .col-md-6:nth-child(3) {
				 width: 32%;
				 clear: none;
position: inherit;
}

после него пропишите:

#footer .footer-top .row > .col-md-6:nth-child(1){width: 27%;}
#footer .footer-top .row > .col-md-6:nth-child(3){width: 37%;}

далее найдите:

#footer .footer-top .row > .col-md-6:nth-child(2) .title {
text-indent: -64px;
display: block;
overflow: hidden;
width: 70px;
margin: 0 auto;
}

замените на:

#footer .footer-top .row > .col-md-6:nth-child(2) .title {
text-indent: -74px;
display: block;
overflow: hidden;
width: 80px;
margin: 0 auto;
}

Результат:
Прикрепленный файл

Скриншот сделанный 2017-07-22 в 12.03.19.png

В слове контакт "ы" не влазит и шрифт стандартный. Я захожу с телефона не с компа. на компе при этом же разрешении шрифт как и хочу.

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

Отправлено от bscgroup в 19 Июль 2017 - 12:12 в Изменение общей стилистики

Если сделать рамку по середине не как то можно хотя бы сделать так что бы меню просто было раскрывающим. Это я про мобильную версию.

#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>

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

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

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

Отправлено от bscgroup в 21 Июль 2017 - 10:34 в Изменение общей стилистики

Vaccina (21 Июль 2017 - 07:32) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

#footer .footer-top .row > .col-md-6:nth-child(2) .title {
text-indent: -60px;
}

замените на:

#footer .footer-top .row > .col-md-6:nth-child(2) .title {
text-indent: -64px;
display: block;
overflow: hidden;
width: 70px;
margin: 0 auto;
}

далее найдите:

#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
width: 90%;
left: 10px;
right: 10px;
}

замените на:

#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
left: 10px;
right: 10px;
}

Скриншот сделанный 2017-07-21 в 11.32.45.png

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

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

Отправлено от bscgroup в 29 Август 2017 - 13:06 в Изменение общей стилистики

Добрый день. Во вложении файл на котором я показал что хочу что бы главный банер разделился на 3 в итоге. Первый Вертикальный с листающими фото, второй на фоне которым расчеркал область, рамочку с надписью стандартную оставить с кнопкой каталогне изменной(зафиксированной). 3 вертикальный раздел так же с меняющимися фото по истечению времени. на листающихся бпнерах так же сделать возможность пролистывать и самостоятельно тоже. фотографии использывать буду те что сейчас листаються.
Заранее спасибо, в мобильной версии оставить все как есть

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

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

Отправлено от bscgroup в 30 Август 2017 - 13:50 в Изменение общей стилистики

Ирина345 (30 Август 2017 - 13:43) писал:

Здравствуйте, найдите в шаблоне hTML

<!-- /END Шапка -->
<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>

замените на

<!-- /END Шапка -->
<div class="aria_banner">
<div class="col-md-6 col-xs-12 aria_banner_left"><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="col-md-6 col-xs-12 aria_banner_right">
<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_img">
<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>
</div>

в файле main.css найдите код

#slideshow #slider .item-html {position: absolute;top: 30%;left: 0;text-align: right;width: 100%;z-index: 9;}

замените на

#slideshow #slider .item-html {position: absolute;top: 30%;left: -86%;text-align: right;width: 100%;z-index: 9;}

Далее найдите

.text-border {display: inline-block;position: relative;text-align: center;padding: 20px 45px 35px 45px;border-bottom: 5px solid #fce3bd;border-top: none;text-transform: uppercase;overflow: hidden;}

замените на

.text-border {display: inline-block;position: relative;text-align: center;padding: 0;border-bottom: 5px solid #fce3bd;border-top: none;text-transform: uppercase;overflow: hidden;}

высота первого слайдера зависит от изображений.

Можно зафиксировать высоту ?

#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 после большого первого
Мне нужно что бы в полной версии между сладерами по контуру была рамочка типа обводки товаров только чутка толше.

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

Отправлено от bscgroup в 30 Август 2017 - 13:57 в Изменение общей стилистики

В итоге, банер что под главный заполз на те что мы сделали и на нем исчезли чтрелки фотки и инфа, В верхнем правом углу банера должна быть рамка (   <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>) на главном фоне более не где ее быть не должно (убрать элементы со всех слайдов) С лева слайдер должен быть по вертекали в высоту, слайды сам добавлю. между банерами убрать пробелы и сделать рамку разделяющую все.

И мобильную версию вернуть какая была.

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

Отправлено от bscgroup в 01 Сентябрь 2017 - 02:09 в Изменение общей стилистики

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

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

Отправлено от bscgroup в 31 Август 2017 - 08:35 в Изменение общей стилистики

Ирина345 (30 Август 2017 - 16:07) писал:

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

</div>
<!-- Баннеры -->
{% IF index_page %}
<div id="banner">

замените на

<div class="clear"></div>
</div>
<!-- Баннеры -->
{% IF index_page %}
<div id="banner">

далее найдите в файле msin.css

#slideshow #slider .item-html {position: absolute;top: 30%;left: -86%;text-align: right;width: 100%;z-index: 9;}

замените на

#slideshow #slider .item-html {
position: absolute;
top: 68%;
right: 68%;
text-align: right;
width: 100%;
z-index: 9;
}

Просил же.........что мне нужен правый верхний слайдер убрать, а вместо него поставить эту рамку
<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>)
и все слайдера соеденить рамкой, что бы не было пробелов между ними.
из всех слайдер ее же убрать
И мобильную версию вернуть какая была 29 числа.
Ответьте пожалуйста полностью на мои проблемы - не частично !

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

Отправлено от bscgroup в 01 Сентябрь 2017 - 14:25 в Изменение общей стилистики

???????????все читают а ответить не могут ?