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


Как Отключить Мобильную Версию?


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

#1 BeLoveAll

BeLoveAll

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

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

Отправлено 30 Сентябрь 2015 - 01:28

Доброго времени суток!
Подскажите, пожалуйста, как отключить мобильную версию сайта в шаблоне ШОКОЛАД?
В поиске нашел только про другие шаблоны.
Заранее благодарю.

#2 Vaccina

Vaccina

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

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

Отправлено 30 Сентябрь 2015 - 02:18

В main.css найдите:
body {
	font-family: "PT Sans Narrow",sans-serif;
}

замените на:
body {
	font-family: "PT Sans Narrow",sans-serif;
	min-width: 960px;
}


Далее найдите и удалите:
@media only screen and (min-width:1024px) and (max-width:1220px){
  .popup-gallery{margin-top:20px;}
  .prods-paginate .fr,.prods-paginate .fl{top:-45px;}
  .indexadapt .product-list2, .indexadapt .product-filter{width:900px;}
  .indexadapt{width:900px;}
  .choosecatalog li{float:right;}
#cart{float:none;margin:10px auto 0 auto;}
.logo{float:none;margin:0 auto;width:auto;text-align: center;}
.mainmenu .menu{float:none;width:100%;padding:0 5px;width:670px;margin:0 auto;}
.mini{width:95px;height:95px;}
.menuwrp{padding:45px 0 15px 0;}
.listright .name{display:block;}
.prodGlobalWrp{}
.searchinp{width:450px;height:28px;}
.content{width:900px;}
.catalogcont{width:900px;}
.mainmenu{width:900px;}
.headercont{width:900px;}
.footercontent{width:900px;}
.box{width:900px;}
.col4{width:225px;}
.form.feedb input{width:150px;}
.form.feedb textarea{width:150px;}
.indexfeedb_button button{width:150px;}
.prodbox .leftside,.prodbox .rightside{width:50%;padding:5px;}
.adapt{width:600px;}
.product-list2, .product-filter{width:600px;}
.product-filter > .category-products > .form-inline.OrderFilterForm{padding:5px 15px 15px 15px;}
.prodbuttons-list {padding: 0px 0px 0 60px;}
.addToCart.button, .add_to_compare_small.line, .add_to_wishlist_small.line {padding: 10px 0;font-size: 18px;}
.htmlDataBlock.just{width:295px;}
.listright .name{width:120px;}
.listright .name a{font-size:18px;}
.price-old-list{margin-top:5px;}
.box .catwrp > div > ul > li{width:260px;}
.oneprop .attr_name,.oneprop .attr_value{width:49%;}
.oneSale .rightside{width:260px;}
}
@media only screen and (min-width:700px) and (max-width:968px){
   .logo{float:none;text-align:center;width:auto;}
  .mainmenu .menu{float:none;margin:0 auto;padding:0 5px;}
  #cart{margin:10px auto 0 auto!important}
}
@media only screen and (min-width:700px) and (max-width:827px){
  .choosecatalog li {
float: right;
}
}
@media only screen and (min-width:700px) and (max-width:1023px){
  .indexadapt .product-list2, .indexadapt .product-filter{width:100%;}
  .indexadapt{width:100%;}
.menuwrp{padding:80px 0 15px 0;}
  .resClear1023{clear:both;}
  form#search_mini_form {padding-top:0;padding-bottom: 10px;}
  .listright .name{display:block;width:auto;width:300px;}
  .list_prod_wrp .htmlDataBlock.just{width:auto;height:auto;width:auto;}
  .listleft .price-old-list{margin-top:5px;text-decoration:line-through;}
  .prodbuttons-list{display:block;}
  #search{margin-right:10px;}
  .logo{padding-left:10px;}
  #cart{float:none;margin:0 auto;}
  .clear1024{clear:both;}
  .mini{width:95px;height:95px;}
  .prodbox .leftside,.prodbox .rightside{width:50%;padding:5px;}
  .oneprop .attr_name,.oneprop .attr_value{width:49%;}
.mainmenu{width:100%;}
.product-list2, .product-filter{width:100%;}
.content{width:95%;}
.catalogcont{width:95%;}
.headercont{width:100%;}
.box{width:100%;}
.box .catwrp > div > ul > li{width:245px;}
.footercontent{width:100%;}
.col4{width:40%;margin:2% 2%;}
.adapt{width:100%;}
.leftbar {float:none;width: 300px;min-height: 100px;margin: 0 auto;}
.oneSale .rightside{width:auto;}
}
@media only screen and (min-width:486px) and (max-width:699px){
  .popup-gallery{margin-top:10px;}
  .indexadapt .product-list2, .indexadapt .product-filter{width:100%;}
  .indexadapt{width:100%;}
	form#search_mini_form {padding-top:0;padding-bottom: 10px;}
  .thumbnail{max-width:100%;}
  .listleft{display:block;}
  .listright{display:block;max-height:none;}
  .listright .name{width:250px;}
  .prodbuttons-list{padding:0 0 0 30px;}
  .price-old-list{margin-top:5px;}
	.choosecatalog li {
float: right;
}
  .mainmenu .menu{width:100%;}
  .clear1024{clear:both;}
  #cart{margin:10px auto 0 auto;float:none;}
  .menuwrp{padding:90px 0 15px 0;}
  .logo{float:none;margin:0 auto;}
  .mini{width:58px;height:58px;}
  .prodbox .leftside,.prodbox .rightside{width:50%;padding:5px;}
  .oneprop .attr_name,.oneprop .attr_value{width:49%;}
  .prods-paginate .fr{top:-50px;}
  .prods-paginate .fl{top:-50px;}
  .prodGlobalWrp{padding:40px 25px;margin-top:15px!important;}
  .product-filter > .category-products > .form-inline.OrderFilterForm{padding:5px 15px 15px 15px;}
  ul.sort{text-align:right;}
  .choose{margin-bottom:10px;}
  .filter.table select{width:200px;}
  .leftbar{float:none;margin:0 auto;}
  .mainmenu .menu{display:none;margin:0 auto;}
  .mainmenu{width:95%;}
  .lowResMenuButton{display:block;text-align: center;
padding: 12px;
background: #DF747A;
font-size: 30px;
color: white;
font-weight: bold;
cursor: pointer;
box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);}
  .logo{display:block;position:static;}
  .mainmenu .menu{position:static;padding:10px;text-align:center;}
   .mainmenu .menu li{display:block;float:none;}
	.product-list2, .product-filter{width:100%;}
  .headercont{width:100%;}
  .catalogcont{width:95%;}
  .content{width:100%;}
  .footercontent{width:100%;}
  .col4 {width: 45%;margin: 1% 2% 0 3%;float: left;padding: 0 20px 0 0;color: #616161;}
  .form.feedb input{width:150px;}
  .form.feedb textarea{width:150px;}
  .indexfeedb_button button{width:150px;}
  .box .catwrp > div > ul > li{width:95%;}
  .adapt{width:95%;float:none;margin:0 auto;}
  .logo{text-align:center;}
   div#search.noindex{display:block;position:static;margin-top:5px;text-align:center;width:100%;}
   .searchinp{width:80%;height:28px;}
   .leftbox:last-of-type{margin:0 0 15px 0;}
   .leftbar{min-height:10px;}
   .goods-image-other{max-width:100%;}
   .box{width:100%}
}
@media only screen and (min-width:320px) and (max-width:485px){
  #OrderAjaxBlock .right button.button{margin:10px auto!important;}
  .indexadapt .product-list2, .indexadapt .product-filter{width:100%;}
  .indexadapt{width:100%;}
  .menuwrp{padding:90px 0 30px 0;}
  .hideLowRes{display:none;}
  .oneFavorite{float:none;margin:10px auto;}
	form#search_mini_form {padding-top:0;padding-bottom: 10px;}
.box{width:100%}
  .regField textarea{width:100%;}
	.thumbnail{max-width:100%;}
  .choosecatalog span{display:block;text-align:center;float:none;}
  .choosecatalog.choose .jq-selectbox__select{width:250px;margin:0 auto;}
  .choosecatalog li{float:none;}
  .header{}
  .mini{width:45px;height:45px;}
  .regField.forTime label{margin:0 auto 5px auto;display:block;}
  .lowResClear{clear:both;}
  #cart{width:80%;display: block;float: none;text-align: center;border: 1px solid #eee;margin: 0 auto;font-size: 18px;margin-top:20px;}
  .success1.graybg{border: 1px solid #DF747A;padding: 10px;font-size: 20px;text-align: justify;background: #DF747A;color: white;}
  .alignCenter button{display:block;padding:10px;width:100%;border:none;margin:10px 0;cursor:pointer;}
  .goods-image-other{max-width:100%;}
  .prods-paginate{height:25px;}
  .goodsDataOpinionAddTable tr td{display:block;text-align:center;}
  .goodsDataOpinionAddTable tr td label{font-size:18px;font-weight:0;}
  .goodsDataOpinionAverageInfo a{display:block;margin:5px;}
  .goodsDataOpinionAverageInfo a.active{border-color:#DF747A;}
  .right button, .right .button{width:190px;}
  .goodsDataOpinionTableRating{margin:0 auto;}
  div#tabs a{display:block;margin:5px 0;padding:8px;}
  div#tabs a.active{border:1px solid #DF747A;color:#DF747A;}
  .oneprop .attr_name,.oneprop .attr_value{width:49%;}
  .oneSale .rightside{width:100%;}
  .prodbuttons-list{display:block;padding:0;}
  .htmlDataBlock.just{width:100%;height:auto;}
  .listright{max-height:none;width:100%;}
  .listright .name{width:100%;margin:10px 0;cursor:pointer;}
  .listright .addToCart.button,.all_list_wrp .add_to_wishlist_small,.all_list_wrp .add_to_compare_small,.all_list_wrp .noavalible{width:80%;margin:10px auto;}
  .regField input{width:100%;}
  .price-old-list{margin-top:5px;}
  .price-old-list span{text-decoration:line-through;}
  .filter.table{width:100%;float:none;margin:10px auto;}
  .filter.table .jq-selectbox{width:100%}
  .filter.table .jq-selectbox__select{width:100%;}
  .product-filter > .category-products > .form-inline.OrderFilterForm{padding:5px 15px 15px 15px;}
  .choose{margin:10px 5px;}
  .orderHistoryTable{width:100%;overflow-x:scroll;}
  .succsessOrderPage .contact-table,.succsessOrderPage .shopping-cart-table{width:450px;}
  .overXforTable{width:100%;overflow-x:scroll;padding:0px;}
  .needOver{width:480px;}
  .succsessOrderPage h2{text-align:center;}
  .box .catwrp > div > ul > li{width:90%;}
  .clientForm h2{text-align:center;margin:10px 0;padding:5px 10px;}
  .regField label{margin:0 0 5px 0;font-size:18px;}
  .orderStageDeliveryListTable tbody tr.first .cell1{width:25px;padding:0;vertical-align:top;}
  .orderstageTwrp .cell1{vertical-align:top;}
  .zones.incart:last-of-type{padding:10px 0 20px 0;}
  .wide textarea{width:100%;}
  .couponBlock input{width:100%;}
  .couponBlock label{width:100%;}
  .quickInputsBlock .input-box input,.quick input{width:100%;}
.control label{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;display:inline;}
.control input{display:inline;width:15px;}
  .quickInputsBlock label{width:100%;}
  .quickInputsBlock .input-box{display:block;}
  ul.form-list {
text-align: center;
}
  .showPassBlock{padding:5px 0 0 0;}
  table.form.quick{text-align:center;}
  .quick tr td:first-of-type{width:100%;}
  .quick tr td{display:block;}
  .quick tr td.wantreg{width:100%;}
  fieldset.scroll {
min-width:100%;
overflow-x:scroll;
}
.cartTable{min-width:560px}
  .right button, .right .button{margin:10px auto;}
  .regField{text-align:center;}
	.lowResMenuButton{display:block;text-align: center;
padding: 12px;
background: #DF747A;
font-size: 30px;
color: white;
font-weight: bold;
cursor: pointer;
box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);}
  .logo{text-align:center;}
   div#search.noindex{display:block;position:static;text-align:center;width:100%;}
   .searchinp{width:80%;height:28px;}
	.product-list2, .product-filter{width:auto;text-align:center;}
  .col4{
	width: 100%;
	margin: 3% 0% 0 0%;
	text-align:center;
	padding:0 10px;
  }
  .adapt{width:95%;margin:0 auto;float:none;}
  .leftbar{float:none;min-height:10px;margin:0 auto;}
  .leftbox{width:300px;}
   .headercont{width:100%;}
  .catalogcont{width:95%;}
  .content{width:100%;}
  .footercontent{width:100%;}
  .breadcrumb{margin:0 auto 15px auto;}
  .leftbar{float:none;margin:0 auto;}
  .mainmenu .menu{display:none;}
  .mainmenu{width:95%;}
  .mainmenu .menu{padding:10px;text-align:center;width:100%;float:none;}
  .mainmenu .menu li{display:block;float:none;}
  .logo{display:block;position:static;float:none;margin:0 auto;}
  ul.sort > div, ul.sort > li{margin:0;display:block;}
  .abwrp{text-align:left;float:none;}
  .sortWrp{float:none;text-align:center;}
  .product-list2, .product-filter{float:none;}
  .choose .jq-selectbox{width:100%;margin-bottom:10px;}
  .choose .jq-selectbox__select{width:100%;}
  .prodbox .rightside{width:100%;}
  .prodbox .leftside{width:100%;}
  .goodsDataMainModificationsBlockProperty{text-align:center;display:block;margin:10px auto;}
  .goodsDataMainModificationsDescriptionBlock{text-align:justify;}
  .plus_minus_quantity{text-align:center;}
  .goodsDataOpinionAddTable tr td{margin:0 auto;}
  .needover {width:100%;overflow-x:scroll;}
   .CompareGoodsTable .left{display:block;float:none;margin:0 auto;}
  .CompareGoodsTable .right{float:none;display:block;margin:10px 0;}
.CompareGoodsTableTbody tbody{min-width:560px;}
.someOperations a{display:block;margin:10px 0;}
}
@media only screen and (min-width:800px) and (max-width:1023px){
.noindex#search .searchinp{width:450px;height:28px;}
  }
@media only screen and (min-width:700px) and (max-width:799px){
.noindex#search .searchinp{width:450px;height:28px;}
.popup-gallery{margin-top:25px;}
.prods-paginate .fr,.prods-paginate .fl{top:-50px;}
}
@media only screen and (min-width:320px) and (max-width:599px){
#tabs a{display:block;margin:5px 0;}
div#tabs a.active{border: 1px solid #DF747A;
color: #DF747A;}
}


#3 BeLoveAll

BeLoveAll

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

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

Отправлено 01 Октябрь 2015 - 04:37

Просмотр сообщенияVaccina (30 Сентябрь 2015 - 02:18) писал:

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

Получилось, но немного поехал сайт:

Изображение

#4 Vaccina

Vaccina

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

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

Отправлено 01 Октябрь 2015 - 05:01

Откройте main.css, 2 раза нажмите Ctrl+F и введите в 1ую строку 1200px, а во 2ую 100% и нажмите Alll, это быстрой заменит фиксированное значение.
123.jpg

или второй вариант, в main.css найдите:
body {
	font-family: "PT Sans Narrow",sans-serif;
	min-width: 960px;
}
замените на:
body {
	font-family: "PT Sans Narrow",sans-serif;
	min-width: 1200px;
}


#5 BeLoveAll

BeLoveAll

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

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

Отправлено 02 Октябрь 2015 - 01:12

Просмотр сообщенияVaccina (01 Октябрь 2015 - 05:01) писал:

Откройте main.css, 2 раза нажмите Ctrl+F и введите в 1ую строку 1200px, а во 2ую 100% и нажмите Alll, это быстрой заменит фиксированное значение.
Прикрепленный файл 123.jpg

или второй вариант, в main.css найдите:
body {
font-family: "PT Sans Narrow",sans-serif;
min-width: 960px;
}
замените на:
body {
font-family: "PT Sans Narrow",sans-serif;
min-width: 1200px;
}

Спасибо, все получилось! B) B) B) B)
Второй способ подходит наиболее оптимально. При первом варианте наблюдались нарушения в других местах страницы.

#6 BeLoveAll

BeLoveAll

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

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

Отправлено 05 Октябрь 2015 - 05:06

Просмотр сообщенияVaccina (01 Октябрь 2015 - 05:01) писал:

Откройте main.css, 2 раза нажмите Ctrl+F и введите в 1ую строку 1200px, а во 2ую 100% и нажмите Alll, это быстрой заменит фиксированное значение.
Прикрепленный файл 123.jpg

или второй вариант, в main.css найдите:
body {
font-family: "PT Sans Narrow",sans-serif;
min-width: 960px;
}
замените на:
body {
font-family: "PT Sans Narrow",sans-serif;
min-width: 1200px;
}

Подскажите, пожалуйста, еще по такому вопросу. В принципе, не так уж это и критично, но глаз мозолит...

Вот смотрите, на мобильном устройстве некоторые сайты открываются так, что сразу вся страница видна на весь экран.
Вот пример:

Изображение


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

Возможно ли сделать, чтоб дизайн адаптировался как на первом скриншоте?

#7 Vaccina

Vaccina

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

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

Отправлено 07 Октябрь 2015 - 07:29

Сайт - Редактор шаблонов - HTML - найдите:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

замените на:
<meta name="viewport" content="width=1200" />





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

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