Сообщений в теме: 10

[МихаилДолматов]

1.) изменение в форме заказа мобильной версии сайта ( на слайдах подробно написал)


2.)Изменения кнопки

3.)

4.)


Буду очень благодарен )

[МихаилДолматов]

помогите плз

[Vaccina]

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

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

.goodsDataOpinionListNavigateTop .button {padding: 8px;}
}
@media all and (max-width: 481px) {

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

.delivery .orderStageDeliveryListTable.table-box > tbody > tr > td.cell2 div{display: none;}	
#producttabs .button-load .button {max-width: 130px;}
#mommenu .btn-navbar:after {content: "Каталог";display: block;margin-top: -50px;margin-left: 30px;color: #000;}

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

.custom-block.f-fix .item.col-md-4.col-sm-4.col-sms-4.col-smb-12 {
		padding-left: 20%;
}

замените на:

.custom-block.f-fix .item.col-md-4.col-sm-4.col-sms-4.col-smb-12 {
		padding-left: 0%;
		border: none;
}

[МихаилДолматов]

Vaccina (09 Февраль 2019 - 04:41) писал:

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

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

.goodsDataOpinionListNavigateTop .button {padding: 8px;}
}
@media all and (max-width: 481px) {

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

.delivery .orderStageDeliveryListTable.table-box > tbody > tr > td.cell2 div{display: none;}
#producttabs .button-load .button {max-width: 130px;}
#mommenu .btn-navbar:after {content: "Каталог";display: block;margin-top: -50px;margin-left: 30px;color: #000;}

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

.custom-block.f-fix .item.col-md-4.col-sm-4.col-sms-4.col-smb-12 {
	 padding-left: 20%;
}

замените на:

.custom-block.f-fix .item.col-md-4.col-sm-4.col-sms-4.col-smb-12 {
	 padding-left: 0%;
	 border: none;
}

Спасибо большое, все круто, все так как хотелось!

[МихаилДолматов]

Vaccina (09 Февраль 2019 - 04:41) писал:

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

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

.goodsDataOpinionListNavigateTop .button {padding: 8px;}
}
@media all and (max-width: 481px) {

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

.delivery .orderStageDeliveryListTable.table-box > tbody > tr > td.cell2 div{display: none;}
#producttabs .button-load .button {max-width: 130px;}
#mommenu .btn-navbar:after {content: "Каталог";display: block;margin-top: -50px;margin-left: 30px;color: #000;}

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

.custom-block.f-fix .item.col-md-4.col-sm-4.col-sms-4.col-smb-12 {
	 padding-left: 20%;
}

замените на:

.custom-block.f-fix .item.col-md-4.col-sm-4.col-sms-4.col-smb-12 {
	 padding-left: 0%;
	 border: none;
}

Спасибо что помогли с прошлыми изменениями, все работает. Не могли бы вы помочь еще вот с этим, пожалуйста.

Сейчас моб версия сайта выглядит так -

Хотелось бы чтобы выглядила вот так -

Но с небольшими поправками которые я указал на этом слайде -

[Vaccina]

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

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

#mommenu .btn-navbar:after {content: "Каталог";display: block;margin-top: -50px;margin-left: 30px;color: #000;}

замените на:

.header-top{text-align: right;height: 75px;}
.header-top .block-phone {float: right;}  
.header-top .block-phone .block-phone-title{display: block;margin: 6.55px 0 6.55px 10px;}
.header-top .block-phone .block-phone-contact, .header-top .block-phone .block-email-contact {left: initial;right: 100%;z-index: 15;}
.header-top .block-account {display: none;}
.header-top .block-menu{float: none;display: inline-block;}
.header-top .block-menu .menutext{display: block;}   
.header-top .block-cart {position: absolute;right: 20px;top: 73px;z-index: 10;}		
.header-top .block-cart i {font-size: 26px !important;}
#mommenu .btn-navbar i {margin: 0;text-align: center;}		
#mommenu .btn-navbar:after {content: "Каталог";float: left;display: block;margin-top: -80px;margin-left: 0;color: #000;}
#slideshow {top: -40px;margin-bottom: 20px;}
#custommenu .minSum {top: -25px;}

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

.form-search .search-title {display: block;position: absolute;top: -48px;right: 108px;margin-left: 14px;}

замените на:

.form-search .search-title {display: block;position: absolute;top: -52px;right: 45px;margin-left: 14px;}

[МихаилДолматов]

Vaccina (11 Февраль 2019 - 05:46) писал:

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

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

#mommenu .btn-navbar:after {content: "Каталог";display: block;margin-top: -50px;margin-left: 30px;color: #000;}

замените на:

.header-top{text-align: right;height: 75px;}
.header-top .block-phone {float: right;}
.header-top .block-phone .block-phone-title{display: block;margin: 6.55px 0 6.55px 10px;}
.header-top .block-phone .block-phone-contact, .header-top .block-phone .block-email-contact {left: initial;right: 100%;z-index: 15;}
.header-top .block-account {display: none;}
.header-top .block-menu{float: none;display: inline-block;}
.header-top .block-menu .menutext{display: block;}
.header-top .block-cart {position: absolute;right: 20px;top: 73px;z-index: 10;}	
.header-top .block-cart i {font-size: 26px !important;}
#mommenu .btn-navbar i {margin: 0;text-align: center;}	
#mommenu .btn-navbar:after {content: "Каталог";float: left;display: block;margin-top: -80px;margin-left: 0;color: #000;}
#slideshow {top: -40px;margin-bottom: 20px;}
#custommenu .minSum {top: -25px;}

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

.form-search .search-title {display: block;position: absolute;top: -48px;right: 108px;margin-left: 14px;}

замените на:

.form-search .search-title {display: block;position: absolute;top: -52px;right: 45px;margin-left: 14px;}

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

сейчас моб версия сайта выглядит так -

хотелось бы, чтобы выглядела так -

[Vaccina]

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

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

.header-top .block-phone {float: right;}  
.header-top .block-phone .block-phone-title{display: block;margin: 6.55px 0 6.55px 10px;}
.header-top .block-phone .block-phone-contact, .header-top .block-phone .block-email-contact {left: initial;right: 100%;z-index: 15;}

замените на:

.header-top .block-phone {float: right;position: initial;}  
.header-top .block-phone .block-phone-title{display: block;margin: 6.55px 0 6.55px 10px;}
.header-top .block-phone .block-phone-contact, .header-top .block-phone .block-email-contact {position:inherit;left: 0;right: 100%;z-index: 15;}
.header-top .block-phone .block-phone-contact {position: absolute;left: 0;}
.header-middle div.logo{max-width: 180px;margin-left: 5%;}
.header-middle div.logo img{width: 180px;min-width: 180px;}

[МихаилДолматов]

Vaccina (12 Февраль 2019 - 05:15) писал:

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

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

.header-top .block-phone {float: right;}
.header-top .block-phone .block-phone-title{display: block;margin: 6.55px 0 6.55px 10px;}
.header-top .block-phone .block-phone-contact, .header-top .block-phone .block-email-contact {left: initial;right: 100%;z-index: 15;}

замените на:

.header-top .block-phone {float: right;position: initial;}
.header-top .block-phone .block-phone-title{display: block;margin: 6.55px 0 6.55px 10px;}
.header-top .block-phone .block-phone-contact, .header-top .block-phone .block-email-contact {position:inherit;left: 0;right: 100%;z-index: 15;}
.header-top .block-phone .block-phone-contact {position: absolute;left: 0;}
.header-middle div.logo{max-width: 180px;margin-left: 5%;}
.header-middle div.logo img{width: 180px;min-width: 180px;}

Спасибо большое за быстрый ответ, только вот почему-то переместилaсь только кнопка "Заказать обратный звонок", а остальное осталось без изменений, помогите пожалуйста

[МихаилДолматов]

Vaccina (12 Февраль 2019 - 05:15) писал:

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

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

.header-top .block-phone {float: right;}
.header-top .block-phone .block-phone-title{display: block;margin: 6.55px 0 6.55px 10px;}
.header-top .block-phone .block-phone-contact, .header-top .block-phone .block-email-contact {left: initial;right: 100%;z-index: 15;}

замените на:

.header-top .block-phone {float: right;position: initial;}
.header-top .block-phone .block-phone-title{display: block;margin: 6.55px 0 6.55px 10px;}
.header-top .block-phone .block-phone-contact, .header-top .block-phone .block-email-contact {position:inherit;left: 0;right: 100%;z-index: 15;}
.header-top .block-phone .block-phone-contact {position: absolute;left: 0;}
.header-middle div.logo{max-width: 180px;margin-left: 5%;}
.header-middle div.logo img{width: 180px;min-width: 180px;}

можете помочь пожалуйста, выше написал

[Vaccina]

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

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

.header-top .block-cart {position: absolute;right: 10px;top: 73px;z-index: 10;}  

замените на:

.header-top .block-cart {position: absolute;right: 10px;top: 100px;z-index: 10;}  

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

.header-middle div.logo{max-width: 180px;margin-left: 5%;}

замените на:

.header-middle .col-left{position: inherit;}
.header-middle div.logo{position: absolute;left: 0;right: 0;text-align: center;max-width: 100%;top: 17px;z-index: 1;}

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

.header-top .block-phone .block-phone-title{display: block;margin: 6.55px 0 6.55px 10px;}

замените на:

.header-top .block-phone .block-phone-title{display: block;margin: 6.55px 10px 6.55px 20px;}