Убрать Адаптивность Сайта

Здравствуйте, сложно ли это сделать? может просто удалить из css какой-то код и заменить в некоторых местах процентный свойства ширины страницы? или это все переделывать надо.

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

veilofmaya1234 (10 Июнь 2020 - 02:21) писал:

Добрый день. Уточните, пожалуйста, почему Вы хотели бы убрать адаптивность сайта? На мобильном устройстве не адаптивные сайты будут выглядеть довольно мелко, сложно будет переходить по вкладкам, делать заказы. Например, в шаблоне Техно на компьютерной версии сайта каталог открывается при наведении мышкой, а в мобильном устройстве по клику. Соответственно, убрав адаптивность, на мобильной версии сайт будет отображаться не только точно также, но и все клики, всплывающие окна и т.д. будут отображаться также как на компьютере.
У нас есть не адаптивные сайты, например, шаблон Сияние и он будет удобен для пользователей как с компьютера, так и с мобильного устройства. Также шаблон Техника (в нем есть совсем немного адаптивности, но это только для удобной навигации по каталогу через телефон), Мокко, Лайт и Пластик.

Если Вы хотите посмотреть как будет отображаться сайт, если он не будет адаптивным, на шаблоне Техно, то я рекомендую сначала перед всеми большими изменениями сделать бэкап. Для этого в разделе Сайт -> Редактор шаблонов нажмите "Создать бэкап шаблона". Далее зайдите в файле main.css и удалите большой блок кода примерно с 1590 строки по 1818:

/******************************************************************************
Адаптивная часть
*******************************************************************************/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-sms-1, .col-sms-2, .col-sms-3, .col-sms-4, .col-sms-5, .col-sms-6, .col-sms-7, .col-sms-8, .col-sms-9, .col-sms-10, .col-sms-11, .col-sms-12, .col-hs-1, .col-hs-2, .col-hs-3, .col-hs-4, .col-hs-5, .col-hs-6, .col-hs-7, .col-hs-8, .col-hs-9, .col-hs-10, .col-hs-11, .col-hs-12 {float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
@media all and (max-width: 1199px) {
.formfast .form-list .fields.small.first {margin-right: 0;}
.cartTable tbody tr .cart-name .image {display: block;text-align: center;margin: 0 0 15px 0;}
.cartTable tbody tr .cart-name .name {width: 100%;}
.thumblist {max-width: 330px;}
.product-view .product-shop .custom-block .item {text-align: center;padding: 0;}
.product-view .product-shop .custom-block .text-area {text-align: center;}
}
@media all and (max-width: 991px) {
.toolbar.bottom .sort-by {display: none;}
.col-left .block {margin-bottom:10px;}
.discount-box .content .image {margin-bottom: 15px;}
.quickview {display: none !important;}
.step li {padding: 10px;}
.cartTable thead {display: none;}
.cartTable td.hide {display: none;}
.cartTable tbody tr td, .cartTable thead tr td {border-bottom: 0;padding: 0;}
.cartTable tbody tr {display: block;position: relative;width: 100%;margin-bottom: 20px;border-bottom: 1px solid #dce4e9;}
.cartTable tbody tr:last-child {margin: 0;}
.cartTable tbody tr > td {display: inline-block;}
.cartTable tbody tr .cart-name {display: block;text-align: center;margin-bottom: 0px;}
.cartTable tbody tr td.image {display: block;text-align: center;border-right: 1px solid #dce4e9;}
.cartTable tbody tr td.image img {margin: 10px;}
.cartTable tbody tr td.name {display: block;border-top: 0;border-left: 1px solid #dce4e9;padding: 10px;}
.cartTable tbody tr td.name a {margin-bottom: 0px;}
.cartTable tbody tr td.name div {display: none;}
.cartTable tbody tr td.cart-price.hide {display: none;}
.cartTable tbody tr td.cart-price {display: block;position: relative;width: 100%;line-height: 38px;text-align: center;}
.cartTable tbody tr td.closetd {position: absolute;right: 0;bottom: 0;line-height: 37px;padding: 0 10px;border-top:none;}
.cartTable tbody tr td.cart-qty {position: absolute;left: 0;z-index: 1;}
.cartTable tbody tr td.cart-qty .input {border: 0;background-color: transparent;height: 39px;max-width: 70px;}
.cartTable tfoot tr {display: block;float: left;width: 100%;border-bottom: 1px solid #dce4e9;}
.cartTable tfoot tr > td {float: left;}
.cartTable tfoot tr > td:last-child {float: right;}
.cartTable tfoot tr.actions {border-bottom: 0;}
.cartTable tfoot tr.actions td {display: block;width: 100%;}
.cartTable tfoot tr.discounttr td, .cartTable tfoot tr.total td {border-bottom: 0;}
.formfast-cart {display: none !important;}
#OrderAjaxBlock .formfast .buttons {width: 100%;}
.thumblist {max-width: 630px;}
.products-grid {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;text-align: center}
#footer .callbackForm .button {margin: 0;}
#footer .fotter-bottom .copyright {text-align: center;margin-bottom: 15px;}
#footer .fotter-bottom .payments-block {text-align: center;}
.product-view .product-shop .product-neighbor {display: none;}
.product-view .product-shop .add-to-box .add-to-cart .button.quick {display: none;}
.product-tabs .tabs-content {padding-bottom: 30px;}
.product-view .product-toolbar .product-neighbor {display:none;}
}
@media all and (max-width: 767px) {
.col-sms-12 {width: 100%;}
.col-sms-11 {width: 91.66666666666666%;}
.col-sms-10 {width: 83.33333333333334%;}
.col-sms-9 {width: 75%;}
.col-sms-8 {width: 66.66666666666666%;}
.col-sms-7 {width: 58.333333333333336%;}
.col-sms-6 {width: 50%;}
.col-sms-5 {width: 41.66666666666667%;}
.col-sms-4 {width: 33.33333333333333%;}
.col-sms-3 {width: 25%;}
.col-sms-2 {width: 16.666666666666664%;}
.col-sms-1 {width: 8.333333333333332%;}
.goodsDataOpinionAddTable label {width: 100%;}
.goodsDataOpinionFormReset {width: 80px;}
.step li {display: block;width: 100%;padding: 15px;}
.step li.step_done {border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.thumblist {max-width: 500px;}
#footer .callbackForm .inputText {display: block;max-width: 300px;clear: both;}
#footer .callbackForm .button {margin: 0;clear: both;}
.cart-compare .title .title {display: none;}
.cart-compare > div {width: 50%;}
.favorites .dropdown, .cart .dropdown, .compare .dropdown {display: none;}
.products-list .item .product-shop {padding-right: 0px;width: 100%;}
.products-list .item .product-image {float: none;margin: 0 auto 20px;min-height: 50px;height: auto;line-height: 1;}
.products-grid .item .item-inner {margin-bottom: 0;padding-bottom: 0;}
.products-grid .item .product-shop {position: relative;bottom: 0;}
.products-grid .item:hover .item-inner .product-shop {bottom: 0;}
.products-grid .item .product-shop .actions {position: relative;bottom: 0;opacity: 1;filter: alpha(opacity=100);}
.products-grid .item .product-shop .ratings {display: none;}
.cart-compare div > .title {width: 110px;line-height: 51px;}
.view-mode {margin-left: auto;}
.sort-by select {max-width: 200px;}
}
@media all and (max-width: 641px) {
.scroll {overflow-x: scroll;}
.delivery .orderStageDeliveryListTable .cell3 {min-width: auto;}
.CompareGoodsTableFilter {line-height: 1;}
.CompareGoodsTableFilter span {margin-bottom: 10px;}
.CompareGoodsTable .CompareNavigation {float: none;text-align: center;}
.thumblist {max-width: 340px;}
.sort-by label, .show-by label {display: none;}
.product-view .product-shop .custom-block .item {text-align: center;}
.product-view .product-shop .custom-block .item i {display: block;text-align: center;}
.product-view .product-shop .custom-block .text-area {text-align: center;margin: 0;}
.product-tabs .tabs {padding: 0;}
.product-tabs .tabs li {display: block;padding: 0;}
.product-tabs .tabs li a {padding: 15px;}
#page-title .block-title h1.title {font-size: 28px;}
}
@media all and (max-width: 481px) {
img {height: auto!important;}
.col-smb-12 {width: 100%;}
.col-contact {margin-bottom: 20px;}
.sort-by {display: block;width: 100%;margin-bottom: 10px;}
.sort-by select {width: 100%;max-width: 100%;}
.toolbar .compare, .show-by label {display: inline-block;}
.toolbar.bottom .pages {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;margin: auto;margin-top: 10px;padding: 0;}
.goodsDataOpinionFormReset {width: auto;}
.CompareGoodsTableFilter {float: left;}
.CompareGoodsTableFilter span {float: left;width: 100%;}
.orderStrageContent .buttons .button {margin: 0 10px 10px 0;float: left;}
.orderStrageContent .buttons .button:nth-child(2) {float: left;margin: 0;}
.cartTable {table-layout: fixed;}
.cartTable tbody tr td.cart-qty .input {max-width: 40px;padding:5px;}
.cartTable tfoot tr.actions td {display: block;}
.cartTable tfoot tr.discounttr td.disc-name {max-width: 160px;}
.cartTable tfoot tr.actions .buttons .button {display: block;width: 100%;}
.cartTable tfoot tr.actions .buttons .button:first-child {margin-bottom: 10px;}
.cartTable .TotalSum .price {font-size: 16px;}
.formfast .form-list .fields.small.first {margin-right: 0px;}
.thumblist {max-width: 220px;}
body.active .wrapper {overflow: hidden;z-index: 1;display: none;}
.header .header-logo,
.header .header-tools {padding: 0 10px;}
.header-toolsCol {margin-right:3px;}
#page-title .block-title h1.title {font-size: 26px;}
.product-view .product-name {padding-right: 40px;}
.product-view .product-toolbar {flex-direction: column;}
.product-view .product-img-box .general-img {min-height: 100px;}
.product-view .product-shop .custom-block .item {display: block;width: 100%;border-left: 0;padding: 0 0 15px 0;text-align: left;}
.product-view .product-shop .custom-block .item:last-child {padding-bottom: 0;}
.product-view .product-shop .custom-block .item i {display: inline-block;text-align: left;width: 45px;font-size: 25px;text-align: center;}
.product-view .product-shop .custom-block .text-area {text-align: left;margin-left: 5px;}
.product-view .product-shop .add-to-box .add-to-cart {display: block;}
.related .block-title h2.title {font-size: 16px;line-height: 27px}
.tab-content .delivery h4 {font-size: 16px;}
#news .tabs-headerList:before {content: '';display: block;width: 30px;height: 100%;position: absolute;top: 0;right: 0;box-shadow: inset -25px 0 11px 0 #f1f1f1}
#breadcrumbs li:last-child {padding-right: 20px}
#footer .callbackForm .button {margin: 0 auto 10px}
}
@media all and (max-width: 375px){
.cartTable tbody tr td.cart-qty .input {max-width: 20px;padding: 1px;}
}
@media all and (min-width: 768px) {
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
.container {width: 750px;}
}
@media all and (min-width: 992px) {
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.container {width: 970px;}
}
@media all and (min-width: 1200px) {
.col-lg-12{width:100%;}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.container {max-width: 1440px;width:100%;}
}
@media all and (min-width: 1600px) {
.col-hs-12{width:100%;}
.col-hs-11{width:91.66666667%}
.col-hs-10{width:83.33333333%}
.col-hs-9{width:75%}
.col-hs-8{width:66.66666667%}
.col-hs-7{width:58.33333333%}
.col-hs-6{width:50%}
.col-hs-5{width:41.66666667%}
.col-hs-4{width:33.33333333%}
.col-hs-3{width:25%}
.col-hs-2{width:16.66666667%}
.col-hs-1{width:8.33333333%}
}

У Вас должен остаться блок код в конце файла, после удаления того кода, который НЕ нужно удалять:

/******************************************************************************
Фиксы для браузеров
*******************************************************************************/
.IE .header .header-sectionsLink:before {content: '';width: 10px;height: 50px;margin: 0 0 0 -10px}
@media screen and(-ms-high-contrast: active),(-ms-high-contrast: none) {
.rating-box {display: inline-block;position: relative;vertical-align: middle;width: 95px;height: 14px;font-size: 0;line-height: 0;text-indent: -999em;overflow: hidden;}
.rating-box:before {display: inline;font-family: "FontAwesome";content: "\f005\20\f005\20\f005\20\f005\20\f005";width: 95px;height: 14px;line-height: 14px;font-size: 14px;color: #dce4e9;}
.rating-box .rating {position: absolute;float: left;height: 14px;left: 0;top: 0;overflow: hidden;}
.rating-box .rating:before {display: inline;font-family: "FontAwesome";content: "\f005\20\f005\20\f005\20\f005\20\f005";width: 95px;height: 14px;line-height: 14px;font-size: 14px;color: #4c1e8b;}
}
/******************************************************************************
Если не работает JS
*******************************************************************************/
.nojs .products-grid.owl-carousel .item .item-inner {width: {SETTINGS_GOODS_IMAGES_SIZE_SMALL | divide("2")}px;}
.nojs #slideshow .owl-carousel, .nojs #news .owl-carousel, .nojs .viewed .owl-carousel {display: block;}
.nojs #back-top, .nojs .quickview, .nojs .filters-price #goods-filter-price-slider {display: none;}
.nojs .filters-price .goodsFilterPriceSubmit {margin-top: 15px;}
.nojs .filters-price .layout-slider {max-width: 100%;}

Далее с мобильного устройства можно будет посмотреть как будет выглядеть этот шаблон не адаптивным.

Блок избранных. Если пользователь не авторизован, то, соответственно, невозможно будет потом просмотреть свои избранные товары. Должен быть какой-то раздел, где именно этого пользователя избранные товары. Так сделано на всех сайтах других компаний, не только нашей платформы. А если с этого устройства зайдет другой человек на этот сайт, то как сделать так, чтобы у каждого были свои избранные товары? Поэтому технически так сделать не получится. Если пользователь не авторизован, всегда есть блок "Сравнение". Туда и можно добавить товары, которые понравились пользователю, но он не готов пока их заказать и не желает регистрироваться на этом ресурсе.