Здравствуйте, сложно ли это сделать? может просто удалить из css какой-то код и заменить в некоторых местах процентный свойства ширины страницы? или это все переделывать надо.
И еще тогда сразу вопрос касаемо добавления товаров в избранное, можно ли сделать возможность добавлять товары в избранное без регистрации на сайте?
0
Убрать Адаптивность Сайта
Автор veilofmaya1234, 10 июня 2020 02:21
В теме одно сообщение
#1
Отправлено 10 Июнь 2020 - 02:21
#2
Отправлено 10 Июнь 2020 - 12:56
veilofmaya1234 (10 Июнь 2020 - 02:21) писал:
Здравствуйте, сложно ли это сделать? может просто удалить из css какой-то код и заменить в некоторых местах процентный свойства ширины страницы? или это все переделывать надо.
И еще тогда сразу вопрос касаемо добавления товаров в избранное, можно ли сделать возможность добавлять товары в избранное без регистрации на сайте?
И еще тогда сразу вопрос касаемо добавления товаров в избранное, можно ли сделать возможность добавлять товары в избранное без регистрации на сайте?
У нас есть не адаптивные сайты, например, шаблон Сияние и он будет удобен для пользователей как с компьютера, так и с мобильного устройства. Также шаблон Техника (в нем есть совсем немного адаптивности, но это только для удобной навигации по каталогу через телефон), Мокко, Лайт и Пластик.
Если Вы хотите посмотреть как будет отображаться сайт, если он не будет адаптивным, на шаблоне Техно, то я рекомендую сначала перед всеми большими изменениями сделать бэкап. Для этого в разделе Сайт -> Редактор шаблонов нажмите "Создать бэкап шаблона". Далее зайдите в файле 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%;}Далее с мобильного устройства можно будет посмотреть как будет выглядеть этот шаблон не адаптивным.
Блок избранных. Если пользователь не авторизован, то, соответственно, невозможно будет потом просмотреть свои избранные товары. Должен быть какой-то раздел, где именно этого пользователя избранные товары. Так сделано на всех сайтах других компаний, не только нашей платформы. А если с этого устройства зайдет другой человек на этот сайт, то как сделать так, чтобы у каждого были свои избранные товары? Поэтому технически так сделать не получится. Если пользователь не авторизован, всегда есть блок "Сравнение". Туда и можно добавить товары, которые понравились пользователю, но он не готов пока их заказать и не желает регистрироваться на этом ресурсе.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных