Отключен JavaScript

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

1

Нужны Изменения! Помогите!

Автор Kot da Vinci, 19 окт. 2014 07:19

Вперед

Авторизуйтесь для ответа в теме

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

#141 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 12 Январь 2015 - 15:16

Kot da Vinci (12 Январь 2015 - 14:51) писал:

Здравствуйте, Ирина! Я вот так и думал, что ответите что-то подобное

Двое суток я ждал ответ!!!!! <_<

Это, то есть по вашему вот так должен ПРАВИЛЬНО адаптироваться шаблон??????
Вот это скрины с планшета, на телефоне там вообще жесть!!!! Можете сами попробовать зайти с телефона и посмотреть,там вообще даже при увеличении/уменьшении пальцами элементы сайта плавают относительно друг-друга!

Скрины:

Красота неописуемая!!

А вот вам пример, где сайт адаптируется и ПРАВИЛЬНО ПОД ЛЮБЫЕ УСТРОЙСТВА! И все ровненько и ничего не съезжает и т.д. А говорить, что шаблон "адаптируется" пока не будет так же, как на этих скриншотах, просто неуместно!

найдите в style.css

.nav-container {
background: #000000;
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 1060px;
}

замените на

.nav-container {
background: #000000;
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
}

Наверх

#142 Kot da Vinci

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

Пользователи
124 сообщений

ГородMoscow

Отправлено 12 Январь 2015 - 19:52

Ирина345 (12 Январь 2015 - 15:16) писал:

найдите в style.css

.nav-container {
background: #000000;
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 1060px;
}

замените на

.nav-container {
background: #000000;
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
}

Ничего особо не изменилось. В мобильных устройствах только единственное - встала страница по ширине и не двигается влево/вправо. На компьютере шапка съехала.

Это все не то!
Я посмотрел, как адаптированы другие сайты и теперь понял. У них действительно правильно это сделано: если сайт открываешь в мобильном устройстве, то все просто уменьшается пропорционально, но все остается на своих местах. И логотип и все изображения, и слайдер и т.д. И есть просто возможность увеличить нужную область.
По ширине никаких изменений, перемещений блоков, сохраняется количество товаров на главной, например (причем по столько же в ряд идет товаров)
По высоте уже да, зависит от экрана и просто больше или меньше прокручивать надо.
Короче уменьшенная копия страницы той, что и на компьютере.

А в этом шаблоне сделано что-то типа мобильной версии и то не доделано как надо! ( даже я откатил шаблон до самого начала редактирования и есть косяки!)
И соответственно, я как понимаю, если настраивать под какой-то определенный экран, то на другом уже будет отображаться не так как надо! И так можно до бесконечности настраивать! На одном настроил, на другом все съехало.
А нужно именно, чтоб адаптировался сайт под любой экран и на любом устройстве и без изменения расположения всех блоков, слайдера, изображений или удаления чего-то!

На скриншотах видно, как адаптированы наш шаблон и другой похожий сайт:

Главная страница (компьютер, тут все правильно)

ГЛАВНАЯ СТРАНИЦА ( телефон)

СТРАНИЦА ТОВАРА (телефон)

Сделайте, пожалуйста, чтоб страницы сайта оставались такими же, только меньше на меньших устройствах, а если как в мобильной версии, то мобильная версия правильно вообще не так должна выглядеть. В мобильной версии все ровно, все изображения ровными квадратиками и все симметрично должно быть и самое основное все видно и не скрыто! Вконтакте - пример!

Наверх

#143 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 12 Январь 2015 - 20:04

Kot da Vinci (12 Январь 2015 - 19:52) писал:

Ничего особо не изменилось. В мобильных устройствах только единственное - встала страница по ширине и не двигается влево/вправо. На компьютере шапка съехала.

Это все не то!
Я посмотрел, как адаптированы другие сайты и теперь понял. У них действительно правильно это сделано: если сайт открываешь в мобильном устройстве, то все просто уменьшается пропорционально, но все остается на своих местах. И логотип и все изображения, и слайдер и т.д. И есть просто возможность увеличить нужную область.
По ширине никаких изменений, перемещений блоков, сохраняется количество товаров на главной, например (причем по столько же в ряд идет товаров)
По высоте уже да, зависит от экрана и просто больше или меньше прокручивать надо.
Короче уменьшенная копия страницы той, что и на компьютере.

А в этом шаблоне сделано что-то типа мобильной версии и то не доделано как надо! ( даже я откатил шаблон до самого начала редактирования и есть косяки!)
И соответственно, я как понимаю, если настраивать под какой-то определенный экран, то на другом уже будет отображаться не так как надо! И так можно до бесконечности настраивать! На одном настроил, на другом все съехало.
А нужно именно, чтоб адаптировался сайт под любой экран и на любом устройстве и без изменения расположения всех блоков, слайдера, изображений или удаления чего-то!

На скриншотах видно, как адаптированы наш шаблон и другой похожий сайт:

Главная страница (компьютер, тут все правильно)

Сделайте, пожалуйста, чтоб страницы сайта оставались такими же, только меньше на меньших устройствах, а если как в мобильной версии, то мобильная версия правильно вообще не так должна выглядеть. В мобильной версии все ровно, все изображения ровными квадратиками и все симметрично должно быть и самое основное все видно и не скрыто! Вконтакте - пример!

Если Вам требуется такое же отображение, как и у приведенного в пример сайта, Вам нужно отключить блоки адаптивности.

Наверх

#144 Kot da Vinci

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

Пользователи
124 сообщений

ГородMoscow

Отправлено 12 Январь 2015 - 20:06

Alekseys (12 Январь 2015 - 20:04) писал:

Если Вам требуется такое же отображение, как и у приведенного в пример сайта, Вам нужно отключить блоки адаптивности.

Давайте попробуем, Алексей! Как это сделать?

Наверх

#145 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 12 Январь 2015 - 20:11

Kot da Vinci (12 Январь 2015 - 20:06) писал:

Давайте попробуем, Алексей! Как это сделать?

В шаблоне HTML удалите

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Наверх

#146 Kot da Vinci

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

Пользователи
124 сообщений

ГородMoscow

Отправлено 12 Январь 2015 - 20:40

Alekseys (12 Январь 2015 - 20:11) писал:

В шаблоне HTML удалите

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Удалил, сначала что-то похожее было, то есть стало практически как надо, а сейчас опять так как было. Попробовал на двух телефонах и нескольких браузерах, везде одинаково. Кэш чистил.

При загрузке сайта сначала он нормально отображается, после полной загрузки становится как и раньше

Вот:

Сообщение отредактировал Kot da Vinci: 12 Январь 2015 - 20:48

Наверх

#147 Kot da Vinci

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

Пользователи
124 сообщений

ГородMoscow

Отправлено 13 Январь 2015 - 11:33

Ответьте, пожалуйста!

Наверх

#148 Danil

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

Пользователи
4 645 сообщений

Отправлено 13 Январь 2015 - 12:46

Kot da Vinci (13 Январь 2015 - 11:33) писал:

Ответьте, пожалуйста!

Kot da Vinci (13 Январь 2015 - 11:33) писал:

Ответьте, пожалуйста!

Здравствуйте.
Предварительно сделайте бэкап сайта.
После в style.css найдите и удалите

Скрытый текст

@media only screen and (min-width: 1200px) {
  .container {width: 1180px;}
  .flexslider .caption .title_block a {font-size: 40px;line-height: 30px;}
  .feedbackForm .left {margin-right: 30px;}
  .feedbackForm  #feedback_name, .contentContainer .left  #feedback_email {width: 188px;}
  .feedbackForm  #feedback_file {width: 218px;}
  /*#carousel_specials .product,
  #carousel_newproducts .product,
  #carousel_bestsellers .product,
  #also_purchased .product {width: 200px;}*/
}
@media only screen and (min-width: 960px) and (max-width: 1200px) {
  .container { width: 939px; }
  .container .two.columns					 { width: 100px; }
  .container .four.columns					{ width: 209px; }
  .container .five.columns					{ width: 280px; }
.container .twelve.columns, #countFiltered { width: 680px; }
 
  .fluid-container  {position: relative;height:500px;}
  .camera_wrap {height:500px !important;}
  .header_bar .logo {width: 219px;}
  .header_bar h1 {margin-left: 259px;font-size: 18px;line-height: 24px;}
  .header_bar #search {margin-left: 259px;}
  .home #header {margin-left: -480px;}
  .shopping_cart .cart_link { display: none !important;}
  #footer .container .four.columns {border: none; margin-top: 20px;}
  .product-list3 .four.columns, .product-list4 .four.columns {width: 100%;}
  .nav-container {width: 100%; margin-left: 0;}
  .product-recent .product-name {height: 40px;overflow: hidden;}
  .product-recent .product-name a {font-size: 10px;height: 30px;overflow: hidden;}
  .product-recent .buy_button {padding: 10px 5px;font-size: 10px;}
  .content-form {height: 320px;}
  #footer .feedbackForm input {width: 165px;}
  #footer .feedbackForm textarea {width: 100%;}
 
  /*#carousel_specials .product,
  #carousel_newproducts .product,
  #carousel_bestsellers .product,
  #also_purchased .product {width: 208px;}*/
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .hidden-tablet {display: none !important;}
  .container								  { width: 747px;}
  .container .columns						 { margin-left: 10px; margin-right: 10px;  }
  .columns.alpha			   { margin-left: 0; margin-right: 10px; }
  .columns.omega			   { margin-right: 0; margin-left: 10px; }
  .alpha.omega								{ margin-left: 0; margin-right: 0; }
  .container .two.columns					 { width: 76px; }
  .container .four.columns					{ width: 172px; }
  .container .five.columns					{ width: 220px; }
  .container .twelve.columns, #countFiltered { width: 542px; margin-top: 15px;}
 
  .fluid-container  {position: relative;height:400px;}
  .camera_wrap {height:400px !important;}
  .camera_caption {display: none !important;}
 
  .carousel_also_purchased .jcarousel-control-prev {left: 50%; margin-left: -270px;}
  .carousel_also_purchased .jcarousel-control-next {right: 50%; margin-right: -270px;}
 
  .header_bar .logo {width: 182px;}
  .header_bar h1 {margin-left: 202px;font-size: 18px;line-height: 24px;}
  .header_bar #search {margin-left: 202px;}
  .home #header {margin-left: -384px;}
  .product_img_wrapper {width: 44% !important;}
  #search {width: 220px;position: absolute;top: 65px;right: 90px;}
  .shopping_cart_block {top: 65px;}
  .promo_block li {margin: 10px 5px 5px 5px;width: 115px;}
  .infoBox { margin: 0 0 10px 0;}
  .box-heading {padding: 6px 15px 6px 37px;}
  .box-heading a {font-size: 14px;}
  .wishlist, .compare {margin-left: 20px;}
  #footer .container .four.columns {border: none; margin-top: 20px;width: 155px;}
  .product-list3 .four.columns, .product-list4 .four.columns {width: 100%;}
  .product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {width: 180px;padding-left: 10px;}
  .product-list3 .four.columns .item-detail, .product-list4 .four.columns .item-detail {margin-right: 190px;}
  .product-recent .product-name {height: 40px;overflow: hidden;}
  .product-recent .product-name a {font-size: 10px;height: 30px;overflow: hidden;}
  .product-recent .buy_button {padding: 10px 5px;font-size: 10px;}
  .content-form {height: 360px;}
  .contentContainer .left {width:49%;}
  .shopping-cart-table .qty-button-down {margin-left: 3px;}
  #footer .left {width: 180px;}
  #feedback_file {width: 160px;}
  #feedback_message {width: 100%;}
  #payment_services span{margin-right: 3px}
  #footer .feedbackForm input {width: 111px;}
  #footer .feedbackForm textarea {width: 100%;}
 
  .product-recent .wrapper-hover {width: 90px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .hidden-tablet {display: none !important;}
  .container {width: 460px;}
  .container .column,  .container .columns {margin-left: 5px;margin-right: 5px;}
  .columns.alpha {margin-left: 0;margin-right: 5px;}
  .columns.omega {margin-right: 0;margin-left: 5px;}
  .alpha.omega {margin-left: 0;margin-right: 0;}
  .container .two.columns {width: 200px;}
  .container .four.columns {width: 100%;}
  .container .five.columns, .container .twelve.columns, #countFiltered {width: 460px;margin:0;}
 
  .fluid-container  {position: relative;height:380px;}
  .camera_wrap {height:380px !important;}
  .camera_caption {display: none !important;}
 
  #shopping_cart_mini {display: none !important;}  
  .header_bar {display: none !important;}
  .home #header {margin-left: -220px;}
  .logo {width: 32%;}
  .contacts {position: absolute;right: 0;}
  #search{display: block;position: relative;top: 120px;left: 0;width: 400px;}
  #search input[type="text"]{position: absolute;left: 0px;}
  #search input[type="submit"] {position: absolute;right: 0;height: 40px;}
  .promo_block li {width: 25%;}
  #footer .container .four.columns {border: none; margin: 20px 0 0 0;padding-left: 0;padding-right: 0;}
  #footer .container .four.columns .left {margin-left: 16px;}
  .breadcrumbs_box {margin: 15px 0;}
  .product-list3 .four.columns, .product-list4 .four.columns {width: 100%;}
  .product-list3 .four.columns .item-detail .column, .product-list4 .four.columns .item-detail .column {display: block;margin: 0;padding: 10px 5px;}
  .product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {margin: 0;padding: 0;border:none;float: none;}
  .views label {display: none;}
  .shopping_cart_block {right: 0px; top: 120px;}
  .img_link_wrapper{display: none;}
  #tabs a {display: block !important;margin-right: 0 !important;margin-top: 1px;}
  #header .nav-container{text-align:left;background: none;margin-top: 75px}
  #header .nav-container #menu_block_head{display: block;margin-top: 10px;}
  #header .nav-container  .nav_block_head_field{width: 420px;padding-left:10px;background-color: #000000;float:left;height:36px;color: #fff;outline: none;text-decoration: none;line-height:36px;cursor:pointer}
  #header .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer}
  #header .nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 460px;display:none;position:absolute;top:36px;left:0;z-index:99999;}
  #header .nav-container .menu_block_dropdown .et_categ_box{padding:0 10px 20px}
  #header .nav-container .menu_block_dropdown .cat-name{float:none;display:block;border:none}
  #header .nav-container .menu_block_dropdown .et_categ_box a {display: block;outline: none;height:auto;color: #fff;text-decoration: none;text-transform:none;font-size:12px;float:none;padding:6px 0 6px 10px;border-bottom: dotted 1px #515151;line-height: 18px;font-weight:bold}
  #header .nav-container .visible_on{display: block}
  #header .cat-name, .sub-cat-name, .subsub-cat-name{float: none;}
  #header .nav-container .menu_block_dropdown .et_categ_box .sub-cat-name a,
  #header .nav-container .menu_block_dropdown .et_categ_box .subsub-cat-name a{color: #fff !important;font-weight: normal;}
  #header .nav-container .menu_block_dropdown .et_categ_box .sub-cat-name a:hover,
  #header .nav-container .menu_block_dropdown .et_categ_box .subsub-cat-name a:hover{text-decoration: underline}
  #header .nav-container .menu_block_dropdown .et_categ_box .cat-name a{border: none}
  #header .nav-container .menu_block_dropdown .et_categ_box a:hover{border: none;background-color:#FF0000;color: #fff !important;}
  .home .promo_block {margin-bottom: 10px;}
 
  .header_favorites,
  .header_specials,
  .header_newproducts,
  .header_bestsellers,
  .header_also_purchased {background: #eee;position: relative;margin-bottom: 18px;text-align: center;height: 36px;}
 
  .header_favorites h2,
  .header_specials h2,
  .header_newproducts h2,
  .header_bestsellers h2,
  .header_also_purchased h2 {background: #fff;color: #525252;font-family: Calibri;font-size: 20px;text-transform: uppercase;display: inline-block;padding: 0 50px;height: 36px;}
 
  .carousel_favorites .jcarousel-control-prev {left: 50%; margin-left: -150px;}
  .carousel_favorites .jcarousel-control-next {right: 50%; margin-right: -150px;}
 
  .carousel_specials .jcarousel-control-prev {left: 50%; margin-left: -150px;}
  .carousel_specials .jcarousel-control-next {right: 50%; margin-right: -150px;}
 
  .carousel_newproducts .jcarousel-control-prev {left: 50%; margin-left: -100px;}
  .carousel_newproducts .jcarousel-control-next {right: 50%; margin-right: -100px;}
 
  .carousel_bestsellers .jcarousel-control-prev {left: 50%; margin-left: -150px;}
  .carousel_bestsellers .jcarousel-control-next {right: 50%; margin-right: -150px;}
 
  .carousel_also_purchased .jcarousel-control-prev {left: 50%; margin-left: -170px;}
  .carousel_also_purchased .jcarousel-control-next {right: 50%; margin-right: -170px;}
 
  .product_info_page_left .infoBox {display: none;}
  .infoBox.infoBoxCategory {display: block;position: fixed;bottom: 0;width: 460px;z-index: 100;margin: 0 0 0 -5px;}
  .infoBox.infoBoxCategory .box-heading {background-color: #999;bottom: 0;position: absolute;width: 405px;z-index: 100;}
  .infoBox.infoBoxCategory .infoBoxContents {display: none;margin-bottom: 40px;background: #fff;}
  .prod_info_price{width:auto;text-align: left}
  .prod_info_name h1{margin-bottom: 0}
  .product_info_wrapper{clear: both;margin-left:0;padding-top: 20px}
  #header input[type="text"], #header input[type="password"], #header input[type="email"], #header textarea, #header select{margin: 0;width: 385px;}
  .prod_info_price{width:auto;}
  .product_img_wrapper, .product_info_wrapper{float: none;margin: 0 auto;width: 100%}
  .right{padding: 0;}
  .content-form {width: 92%;padding: 4%;margin: 10px 0 10px 0 !important;}
  .feedbackForm .left {padding: 0;}
  .feedbackForm textarea {width: 390px;}
  .row{position: relative;display: block;clear: both;}
  #header .buy_button{float: none !important;margin: 0 auto !important;}
  .title {background: #fff;}
  .title h2 {padding: 0;width:100%;}
  #footer .feedbackForm .buttons .buy_button {float: left;margin-left: -1px;}
 
  .shopping-cart-table thead td {padding: 0 10px;white-space: normal;line-height: 20px;}
  .shopping-cart-table .qty-button-down {margin-left: 0;}
  .shopping-cart-table .qty {width: 27px;}
 
}
@media only screen and (max-width: 479px) {
  .hidden-phone {display: none !important;}
  .container { width: 300px; }
  .container .columns,
  .container .column { margin: 0; }
  .container .two.columns,.container .four.columns, .container .five.columns, .container .twelve.columns, #countFiltered { width: 300px; }
 
  .fluid-container  {position: relative;height:380px;}
  .camera_wrap {height:380px !important;}
  .camera_caption {display: none !important;}
 
  #shopping_cart_mini {display: none !important;}
  .header_bar {display: none !important;}
  .home #header {margin-left: -150px;}
  .logo {width: 290px;float: none;padding: 5px;}
  .contacts {float: none;margin: 5px 5px 10px 5px;}
  #search{display: block;position: relative;float: left;top: 0;right: 0;width: 220px;}
  #search input[type="text"] {float: left;margin-bottom: 0px;right: 0px;}
  #search input[type="submit"] {float: right;margin-bottom: 0px;right: -20px;height: 40px;}
  .promo_block li {width: 55px;height:55px;margin: 10px; padding: 0;}
  .promo_block li h3, .promo_block li p {display: none;}
  #tabs a {display: block !important;margin-right: 0 !important;margin-top: 1px;}
  #footer .container .four.columns {border: none; margin: 20px 0 0 0;padding-left: 0;padding-right: 0;}
  #footer .container .four.columns .left {margin-left: 16px;}
  #footer .four.columns h3 {cursor: pointer;}
  #footer .four.columns .open-close{display:block}
  #footer .wrapper{display:none;margin-top:20px}
  #footer .wrapper.unfold{display:block}
  .product-list3 .four.columns, .product-list4 .four.columns {width: 100%;}
  .product-list3 .four.columns .prod_image, .product-list4 .four.columns .prod_image {display: block;width: 100%;text-align: center;}
  .product-list3 .four.columns .prod_image img, .product-list4 .four.columns .prod_image img {max-width: 100%;}
  .product-list3 .four.columns .item-detail, .product-list4 .four.columns .item-detail {display: block;margin:0; padding: 0;width: 100%;text-align: center;}
  .product-list3 .four.columns .item-detail .column, .product-list4 .four.columns .item-detail .column {display: block;margin: 0;padding: 10px 5px; text-align: left;}
  .product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {display: block;float: none; width: 100%;padding: 0;border: none;text-align: left;}
  .product-list3 .four.columns .product-tools .product-price {text-align: center;}
  .product-tools form, .wishlist, .compare {text-align: center;margin-left: 0;}
  .img_link_wrapper{display: none !important}
  #header .nav-container .visible_on {display: block;}
  .nav-container{text-align:left;background: none;margin-top: 0}
  .nav-container #menu_block_head{display: block;margin-top: 10px}
  .nav-container .nav_block_head_field{width:250px;padding-left:10px;padding-right: 10px;background-color: #000000;float:left;height:36px;color: #868686;outline: none;text-decoration: none;line-height:36px;cursor:pointer}
  .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer}
  .nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 300px;display:none;position:absolute;top:36px;left:0;z-index:99999;}
  .nav-container .menu_block_dropdown .et_categ_box{padding:0 10px 20px}
  .nav-container .menu_block_dropdown .cat-name{float:none;display:block;border:none}
  .nav-container .menu_block_dropdown .et_categ_box a {display: block;outline: none;height:auto;color: #fff;text-decoration: none;text-transform:none;font-size:12px;float:none;padding:6px 0 6px 10px;border-bottom: dotted 1px #515151;line-height: 18px;font-weight:bold}
  .cat-name, .sub-cat-name, .subsub-cat-name{float: none;}
  .nav-container .menu_block_dropdown .et_categ_box .cat-name a{border: none}
  .nav-container .menu_block_dropdown .et_categ_box a:hover{border: none;background-color:#FF0000;color: #fff !important;}
 
  .product_info_page_left .infoBox {display: none;}
  .infoBox.infoBoxCategory {display: block;position: fixed;bottom: 0;width: 300px;z-index: 100;margin: 0 0 0 -5px;}
  .infoBox.infoBoxCategory .box-heading {background-color: #999;bottom: 0;position: absolute;width: 245px;z-index: 100;}
  .infoBox.infoBoxCategory .infoBoxContents {display: none;margin-bottom: 40px;background: #fff;}
 
  .shopping_cart_block {float:right;position: relative;top: 0;right: 0;}
  #shopping_cart_mini {left: 0}
  button.button{line-height: 14px;padding-top: 3px;padding-bottom: 3px}
 
  .title {background: #fff;}
  .title h2 {padding: 0;width:100%;}
  .header_favorites,
  .header_specials,
  .header_newproducts,
  .header_bestsellers,
  .header_also_purchased {background: #eee;position: relative;margin-bottom: 18px;text-align: center;height: 37px;}
 
  .header_favorites h2,
  .header_specials h2,
  .header_newproducts h2,
  .header_bestsellers h2,
  .header_also_purchased h2 {background: #fff;color: #525252;font-family: Calibri;font-size: 16px;text-transform: uppercase;display: inline-block;padding: 0 20px;height: 37px;line-height: 37px;}
 
  .carousel_favorites .jcarousel-control-prev {left: 50%; margin-left: -130px;}
  .carousel_favorites .jcarousel-control-next {right: 50%; margin-right: -130px;}
 
  .carousel_specials .jcarousel-control-prev {left: 50%; margin-left: -130px;}
  .carousel_specials .jcarousel-control-next {right: 50%; margin-right: -130px;}
 
  .carousel_newproducts .jcarousel-control-prev {left: 50%; margin-left: -90px;}
  .carousel_newproducts .jcarousel-control-next {right: 50%; margin-right: -90px;}
 
  .carousel_bestsellers .jcarousel-control-prev {left: 50%; margin-left: -110px;}
  .carousel_bestsellers .jcarousel-control-next {right: 50%; margin-right: -110px;}
 
  .carousel_also_purchased .jcarousel-control-prev {left: 50%; margin-left: -145px;}
  .carousel_also_purchased .jcarousel-control-next {right: 50%; margin-right: -145px;}
 
  #carousel_favorites ul li .product, #carousel_specials ul li .product, #carousel_newproducts ul li .product, #carousel_bestsellers ul li .product, #also_purchased ul li .product {width: 284px !important; margin: 0 3px;}
  .content-form {width: 92%;height: 360px;padding: 4%;margin-left: 0px !important;}
  .content-form .fieldKey .right {float: right;}
  .contentContainer textarea {width: 100%;}
 
  .prod_info_price{text-align: left}
  .prod_info_name h1{margin-bottom: 0}
  .product_info_wrapper{float: none; width: 100%;clear: both;margin-left:0;padding-top: 15px}
  .prod_info_price{width:auto;}
  .product_img_wrapper{margin: 0 auto;width: 100%;float: none;clear: both;}
  .right{float: none; /*width: 100%;padding-top: 0px;*/}
  .row{position: relative;display: block;clear: both;}
  #header .buy_button {float: none !important;margin: 0 auto 10px !important;} 
  .shopping-cart-table tr {border: 1px solid #cdcdcd;}
  .shopping-cart-table thead {display: none;}
  .shopping-cart-table td {display: block;width: 100%;padding: 5px 0;text-align: center !important;border: none;}
  .shopping-cart-table .results + td {width: 100%;}
  .shopping-cart-table a {margin: 0 5px;}
  .shopping-cart-table .qty-button-down {margin-left: 107px;}
  .shopping-cart-table tfoot {background: #eee;}
  .fieldKey .right {float: right;}
  #footer .feedbackForm .buttons .buy_button {float: left;margin-left: -1px;}
 
  #feedbackForm input[type="text"],  #feedbackForm input[type="email"] {width: 233px;}
  .feedbackForm .left {width: 100%;}
  .feedbackForm input[type="text"],  .feedbackForm input[type="email"] {width: 228px;}
  .feedbackForm textarea {width: 252px;}
 
 
}

Далее в style.css найдите

.camera_wrap {
width: 100%;
}

и замените на

.camera_wrap {
width: 1903px;
}

Наверх

#149 Kot da Vinci

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

Пользователи
124 сообщений

ГородMoscow

Отправлено 13 Январь 2015 - 19:10

Danil (13 Январь 2015 - 12:46) писал:

Здравствуйте.
Предварительно сделайте бэкап сайта.
После в style.css найдите и удалите

Скрытый текст

@media only screen and (min-width: 1200px) {
.container {width: 1180px;}
.flexslider .caption .title_block a {font-size: 40px;line-height: 30px;}
.feedbackForm .left {margin-right: 30px;}
.feedbackForm #feedback_name, .contentContainer .left #feedback_email {width: 188px;}
.feedbackForm #feedback_file {width: 218px;}
/*#carousel_specials .product,
#carousel_newproducts .product,
#carousel_bestsellers .product,
#also_purchased .product {width: 200px;}*/
}
@media only screen and (min-width: 960px) and (max-width: 1200px) {
.container { width: 939px; }
.container .two.columns					 { width: 100px; }
.container .four.columns				 { width: 209px; }
.container .five.columns				 { width: 280px; }
.container .twelve.columns, #countFiltered { width: 680px; }

.fluid-container {position: relative;height:500px;}
.camera_wrap {height:500px !important;}
.header_bar .logo {width: 219px;}
.header_bar h1 {margin-left: 259px;font-size: 18px;line-height: 24px;}
.header_bar #search {margin-left: 259px;}
.home #header {margin-left: -480px;}
.shopping_cart .cart_link { display: none !important;}
#footer .container .four.columns {border: none; margin-top: 20px;}
.product-list3 .four.columns, .product-list4 .four.columns {width: 100%;}
.nav-container {width: 100%; margin-left: 0;}
.product-recent .product-name {height: 40px;overflow: hidden;}
.product-recent .product-name a {font-size: 10px;height: 30px;overflow: hidden;}
.product-recent .buy_button {padding: 10px 5px;font-size: 10px;}
.content-form {height: 320px;}
#footer .feedbackForm input {width: 165px;}
#footer .feedbackForm textarea {width: 100%;}

/*#carousel_specials .product,
#carousel_newproducts .product,
#carousel_bestsellers .product,
#also_purchased .product {width: 208px;}*/
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.hidden-tablet {display: none !important;}
.container								 { width: 747px;}
.container .columns						 { margin-left: 10px; margin-right: 10px; }
.columns.alpha			 { margin-left: 0; margin-right: 10px; }
.columns.omega			 { margin-right: 0; margin-left: 10px; }
.alpha.omega							 { margin-left: 0; margin-right: 0; }
.container .two.columns					 { width: 76px; }
.container .four.columns				 { width: 172px; }
.container .five.columns				 { width: 220px; }
.container .twelve.columns, #countFiltered { width: 542px; margin-top: 15px;}

.fluid-container {position: relative;height:400px;}
.camera_wrap {height:400px !important;}
.camera_caption {display: none !important;}

.carousel_also_purchased .jcarousel-control-prev {left: 50%; margin-left: -270px;}
.carousel_also_purchased .jcarousel-control-next {right: 50%; margin-right: -270px;}

.header_bar .logo {width: 182px;}
.header_bar h1 {margin-left: 202px;font-size: 18px;line-height: 24px;}
.header_bar #search {margin-left: 202px;}
.home #header {margin-left: -384px;}
.product_img_wrapper {width: 44% !important;}
#search {width: 220px;position: absolute;top: 65px;right: 90px;}
.shopping_cart_block {top: 65px;}
.promo_block li {margin: 10px 5px 5px 5px;width: 115px;}
.infoBox { margin: 0 0 10px 0;}
.box-heading {padding: 6px 15px 6px 37px;}
.box-heading a {font-size: 14px;}
.wishlist, .compare {margin-left: 20px;}
#footer .container .four.columns {border: none; margin-top: 20px;width: 155px;}
.product-list3 .four.columns, .product-list4 .four.columns {width: 100%;}
.product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {width: 180px;padding-left: 10px;}
.product-list3 .four.columns .item-detail, .product-list4 .four.columns .item-detail {margin-right: 190px;}
.product-recent .product-name {height: 40px;overflow: hidden;}
.product-recent .product-name a {font-size: 10px;height: 30px;overflow: hidden;}
.product-recent .buy_button {padding: 10px 5px;font-size: 10px;}
.content-form {height: 360px;}
.contentContainer .left {width:49%;}
.shopping-cart-table .qty-button-down {margin-left: 3px;}
#footer .left {width: 180px;}
#feedback_file {width: 160px;}
#feedback_message {width: 100%;}
#payment_services span{margin-right: 3px}
#footer .feedbackForm input {width: 111px;}
#footer .feedbackForm textarea {width: 100%;}

.product-recent .wrapper-hover {width: 90px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.hidden-tablet {display: none !important;}
.container {width: 460px;}
.container .column, .container .columns {margin-left: 5px;margin-right: 5px;}
.columns.alpha {margin-left: 0;margin-right: 5px;}
.columns.omega {margin-right: 0;margin-left: 5px;}
.alpha.omega {margin-left: 0;margin-right: 0;}
.container .two.columns {width: 200px;}
.container .four.columns {width: 100%;}
.container .five.columns, .container .twelve.columns, #countFiltered {width: 460px;margin:0;}

.fluid-container {position: relative;height:380px;}
.camera_wrap {height:380px !important;}
.camera_caption {display: none !important;}

#shopping_cart_mini {display: none !important;}
.header_bar {display: none !important;}
.home #header {margin-left: -220px;}
.logo {width: 32%;}
.contacts {position: absolute;right: 0;}
#search{display: block;position: relative;top: 120px;left: 0;width: 400px;}
#search input[type="text"]{position: absolute;left: 0px;}
#search input[type="submit"] {position: absolute;right: 0;height: 40px;}
.promo_block li {width: 25%;}
#footer .container .four.columns {border: none; margin: 20px 0 0 0;padding-left: 0;padding-right: 0;}
#footer .container .four.columns .left {margin-left: 16px;}
.breadcrumbs_box {margin: 15px 0;}
.product-list3 .four.columns, .product-list4 .four.columns {width: 100%;}
.product-list3 .four.columns .item-detail .column, .product-list4 .four.columns .item-detail .column {display: block;margin: 0;padding: 10px 5px;}
.product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {margin: 0;padding: 0;border:none;float: none;}
.views label {display: none;}
.shopping_cart_block {right: 0px; top: 120px;}
.img_link_wrapper{display: none;}
#tabs a {display: block !important;margin-right: 0 !important;margin-top: 1px;}
#header .nav-container{text-align:left;background: none;margin-top: 75px}
#header .nav-container #menu_block_head{display: block;margin-top: 10px;}
#header .nav-container .nav_block_head_field{width: 420px;padding-left:10px;background-color: #000000;float:left;height:36px;color: #fff;outline: none;text-decoration: none;line-height:36px;cursor:pointer}
#header .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer}
#header .nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 460px;display:none;position:absolute;top:36px;left:0;z-index:99999;}
#header .nav-container .menu_block_dropdown .et_categ_box{padding:0 10px 20px}
#header .nav-container .menu_block_dropdown .cat-name{float:none;display:block;border:none}
#header .nav-container .menu_block_dropdown .et_categ_box a {display: block;outline: none;height:auto;color: #fff;text-decoration: none;text-transform:none;font-size:12px;float:none;padding:6px 0 6px 10px;border-bottom: dotted 1px #515151;line-height: 18px;font-weight:bold}
#header .nav-container .visible_on{display: block}
#header .cat-name, .sub-cat-name, .subsub-cat-name{float: none;}
#header .nav-container .menu_block_dropdown .et_categ_box .sub-cat-name a,
#header .nav-container .menu_block_dropdown .et_categ_box .subsub-cat-name a{color: #fff !important;font-weight: normal;}
#header .nav-container .menu_block_dropdown .et_categ_box .sub-cat-name a:hover,
#header .nav-container .menu_block_dropdown .et_categ_box .subsub-cat-name a:hover{text-decoration: underline}
#header .nav-container .menu_block_dropdown .et_categ_box .cat-name a{border: none}
#header .nav-container .menu_block_dropdown .et_categ_box a:hover{border: none;background-color:#FF0000;color: #fff !important;}
.home .promo_block {margin-bottom: 10px;}

.header_favorites,
.header_specials,
.header_newproducts,
.header_bestsellers,
.header_also_purchased {background: #eee;position: relative;margin-bottom: 18px;text-align: center;height: 36px;}

.header_favorites h2,
.header_specials h2,
.header_newproducts h2,
.header_bestsellers h2,
.header_also_purchased h2 {background: #fff;color: #525252;font-family: Calibri;font-size: 20px;text-transform: uppercase;display: inline-block;padding: 0 50px;height: 36px;}

.carousel_favorites .jcarousel-control-prev {left: 50%; margin-left: -150px;}
.carousel_favorites .jcarousel-control-next {right: 50%; margin-right: -150px;}

.carousel_specials .jcarousel-control-prev {left: 50%; margin-left: -150px;}
.carousel_specials .jcarousel-control-next {right: 50%; margin-right: -150px;}

.carousel_newproducts .jcarousel-control-prev {left: 50%; margin-left: -100px;}
.carousel_newproducts .jcarousel-control-next {right: 50%; margin-right: -100px;}

.carousel_bestsellers .jcarousel-control-prev {left: 50%; margin-left: -150px;}
.carousel_bestsellers .jcarousel-control-next {right: 50%; margin-right: -150px;}

.carousel_also_purchased .jcarousel-control-prev {left: 50%; margin-left: -170px;}
.carousel_also_purchased .jcarousel-control-next {right: 50%; margin-right: -170px;}

.product_info_page_left .infoBox {display: none;}
.infoBox.infoBoxCategory {display: block;position: fixed;bottom: 0;width: 460px;z-index: 100;margin: 0 0 0 -5px;}
.infoBox.infoBoxCategory .box-heading {background-color: #999;bottom: 0;position: absolute;width: 405px;z-index: 100;}
.infoBox.infoBoxCategory .infoBoxContents {display: none;margin-bottom: 40px;background: #fff;}
.prod_info_price{width:auto;text-align: left}
.prod_info_name h1{margin-bottom: 0}
.product_info_wrapper{clear: both;margin-left:0;padding-top: 20px}
#header input[type="text"], #header input[type="password"], #header input[type="email"], #header textarea, #header select{margin: 0;width: 385px;}
.prod_info_price{width:auto;}
.product_img_wrapper, .product_info_wrapper{float: none;margin: 0 auto;width: 100%}
.right{padding: 0;}
.content-form {width: 92%;padding: 4%;margin: 10px 0 10px 0 !important;}
.feedbackForm .left {padding: 0;}
.feedbackForm textarea {width: 390px;}
.row{position: relative;display: block;clear: both;}
#header .buy_button{float: none !important;margin: 0 auto !important;}
.title {background: #fff;}
.title h2 {padding: 0;width:100%;}
#footer .feedbackForm .buttons .buy_button {float: left;margin-left: -1px;}

.shopping-cart-table thead td {padding: 0 10px;white-space: normal;line-height: 20px;}
.shopping-cart-table .qty-button-down {margin-left: 0;}
.shopping-cart-table .qty {width: 27px;}

}
@media only screen and (max-width: 479px) {
.hidden-phone {display: none !important;}
.container { width: 300px; }
.container .columns,
.container .column { margin: 0; }
.container .two.columns,.container .four.columns, .container .five.columns, .container .twelve.columns, #countFiltered { width: 300px; }

.fluid-container {position: relative;height:380px;}
.camera_wrap {height:380px !important;}
.camera_caption {display: none !important;}

#shopping_cart_mini {display: none !important;}
.header_bar {display: none !important;}
.home #header {margin-left: -150px;}
.logo {width: 290px;float: none;padding: 5px;}
.contacts {float: none;margin: 5px 5px 10px 5px;}
#search{display: block;position: relative;float: left;top: 0;right: 0;width: 220px;}
#search input[type="text"] {float: left;margin-bottom: 0px;right: 0px;}
#search input[type="submit"] {float: right;margin-bottom: 0px;right: -20px;height: 40px;}
.promo_block li {width: 55px;height:55px;margin: 10px; padding: 0;}
.promo_block li h3, .promo_block li p {display: none;}
#tabs a {display: block !important;margin-right: 0 !important;margin-top: 1px;}
#footer .container .four.columns {border: none; margin: 20px 0 0 0;padding-left: 0;padding-right: 0;}
#footer .container .four.columns .left {margin-left: 16px;}
#footer .four.columns h3 {cursor: pointer;}
#footer .four.columns .open-close{display:block}
#footer .wrapper{display:none;margin-top:20px}
#footer .wrapper.unfold{display:block}
.product-list3 .four.columns, .product-list4 .four.columns {width: 100%;}
.product-list3 .four.columns .prod_image, .product-list4 .four.columns .prod_image {display: block;width: 100%;text-align: center;}
.product-list3 .four.columns .prod_image img, .product-list4 .four.columns .prod_image img {max-width: 100%;}
.product-list3 .four.columns .item-detail, .product-list4 .four.columns .item-detail {display: block;margin:0; padding: 0;width: 100%;text-align: center;}
.product-list3 .four.columns .item-detail .column, .product-list4 .four.columns .item-detail .column {display: block;margin: 0;padding: 10px 5px; text-align: left;}
.product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {display: block;float: none; width: 100%;padding: 0;border: none;text-align: left;}
.product-list3 .four.columns .product-tools .product-price {text-align: center;}
.product-tools form, .wishlist, .compare {text-align: center;margin-left: 0;}
.img_link_wrapper{display: none !important}
#header .nav-container .visible_on {display: block;}
.nav-container{text-align:left;background: none;margin-top: 0}
.nav-container #menu_block_head{display: block;margin-top: 10px}
.nav-container .nav_block_head_field{width:250px;padding-left:10px;padding-right: 10px;background-color: #000000;float:left;height:36px;color: #868686;outline: none;text-decoration: none;line-height:36px;cursor:pointer}
.nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer}
.nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 300px;display:none;position:absolute;top:36px;left:0;z-index:99999;}
.nav-container .menu_block_dropdown .et_categ_box{padding:0 10px 20px}
.nav-container .menu_block_dropdown .cat-name{float:none;display:block;border:none}
.nav-container .menu_block_dropdown .et_categ_box a {display: block;outline: none;height:auto;color: #fff;text-decoration: none;text-transform:none;font-size:12px;float:none;padding:6px 0 6px 10px;border-bottom: dotted 1px #515151;line-height: 18px;font-weight:bold}
.cat-name, .sub-cat-name, .subsub-cat-name{float: none;}
.nav-container .menu_block_dropdown .et_categ_box .cat-name a{border: none}
.nav-container .menu_block_dropdown .et_categ_box a:hover{border: none;background-color:#FF0000;color: #fff !important;}

.product_info_page_left .infoBox {display: none;}
.infoBox.infoBoxCategory {display: block;position: fixed;bottom: 0;width: 300px;z-index: 100;margin: 0 0 0 -5px;}
.infoBox.infoBoxCategory .box-heading {background-color: #999;bottom: 0;position: absolute;width: 245px;z-index: 100;}
.infoBox.infoBoxCategory .infoBoxContents {display: none;margin-bottom: 40px;background: #fff;}

.shopping_cart_block {float:right;position: relative;top: 0;right: 0;}
#shopping_cart_mini {left: 0}
button.button{line-height: 14px;padding-top: 3px;padding-bottom: 3px}

.title {background: #fff;}
.title h2 {padding: 0;width:100%;}
.header_favorites,
.header_specials,
.header_newproducts,
.header_bestsellers,
.header_also_purchased {background: #eee;position: relative;margin-bottom: 18px;text-align: center;height: 37px;}

.header_favorites h2,
.header_specials h2,
.header_newproducts h2,
.header_bestsellers h2,
.header_also_purchased h2 {background: #fff;color: #525252;font-family: Calibri;font-size: 16px;text-transform: uppercase;display: inline-block;padding: 0 20px;height: 37px;line-height: 37px;}

.carousel_favorites .jcarousel-control-prev {left: 50%; margin-left: -130px;}
.carousel_favorites .jcarousel-control-next {right: 50%; margin-right: -130px;}

.carousel_specials .jcarousel-control-prev {left: 50%; margin-left: -130px;}
.carousel_specials .jcarousel-control-next {right: 50%; margin-right: -130px;}

.carousel_newproducts .jcarousel-control-prev {left: 50%; margin-left: -90px;}
.carousel_newproducts .jcarousel-control-next {right: 50%; margin-right: -90px;}

.carousel_bestsellers .jcarousel-control-prev {left: 50%; margin-left: -110px;}
.carousel_bestsellers .jcarousel-control-next {right: 50%; margin-right: -110px;}

.carousel_also_purchased .jcarousel-control-prev {left: 50%; margin-left: -145px;}
.carousel_also_purchased .jcarousel-control-next {right: 50%; margin-right: -145px;}

#carousel_favorites ul li .product, #carousel_specials ul li .product, #carousel_newproducts ul li .product, #carousel_bestsellers ul li .product, #also_purchased ul li .product {width: 284px !important; margin: 0 3px;}
.content-form {width: 92%;height: 360px;padding: 4%;margin-left: 0px !important;}
.content-form .fieldKey .right {float: right;}
.contentContainer textarea {width: 100%;}

.prod_info_price{text-align: left}
.prod_info_name h1{margin-bottom: 0}
.product_info_wrapper{float: none; width: 100%;clear: both;margin-left:0;padding-top: 15px}
.prod_info_price{width:auto;}
.product_img_wrapper{margin: 0 auto;width: 100%;float: none;clear: both;}
.right{float: none; /*width: 100%;padding-top: 0px;*/}
.row{position: relative;display: block;clear: both;}
#header .buy_button {float: none !important;margin: 0 auto 10px !important;}
.shopping-cart-table tr {border: 1px solid #cdcdcd;}
.shopping-cart-table thead {display: none;}
.shopping-cart-table td {display: block;width: 100%;padding: 5px 0;text-align: center !important;border: none;}
.shopping-cart-table .results + td {width: 100%;}
.shopping-cart-table a {margin: 0 5px;}
.shopping-cart-table .qty-button-down {margin-left: 107px;}
.shopping-cart-table tfoot {background: #eee;}
.fieldKey .right {float: right;}
#footer .feedbackForm .buttons .buy_button {float: left;margin-left: -1px;}

#feedbackForm input[type="text"], #feedbackForm input[type="email"] {width: 233px;}
.feedbackForm .left {width: 100%;}
.feedbackForm input[type="text"], .feedbackForm input[type="email"] {width: 228px;}
.feedbackForm textarea {width: 252px;}


}

Далее в style.css найдите

.camera_wrap {
width: 100%;
}

и замените на

.camera_wrap {
width: 1903px;
}

Первое сделал, удалил код, а вот этот не нашел:
.camera_wrap {
width: 100%;
}
У меня только такой код есть: .camera_wrap {height:600px !important;}

Наверх

#150 Danil

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

Пользователи
4 645 сообщений

Отправлено 13 Январь 2015 - 19:11

Kot da Vinci (13 Январь 2015 - 19:10) писал:

Первое сделал, удалил код, а вот этот не нашел:
.camera_wrap {
width: 100%;
}
У меня такой код есть .camera_wrap {height:600px !important;}

Извините за ошибку, код искать нужно в camera.css.

Наверх

#151 Kot da Vinci

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

Пользователи
124 сообщений

ГородMoscow

Отправлено 14 Январь 2015 - 01:51

Danil (13 Январь 2015 - 19:11) писал:

Извините за ошибку, код искать нужно в camera.css.

Изменил. Уже лучше стало, но получилось вот так на компьютере отображается.
То есть картинка слайдера растянулась намного вправо и вниз.

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

1.

2.

Если уменьшить пальцами масштаб, то получается так, как на скриншоте ниже.
Вообще масштаб по идее должен только увеличиваться от изначального и не уменьшаться.

В альбомной ориентации:

Так при загрузке страницы (слишком увеличен)

И так при полном уменьшении

Ну и подвал соответственно тоже неправильно.

Более лучшие результаты при таком значении (на компьютере нормально, на телефоне немного лучше):
.camera_wrap {
width: 1403px;
}

Я как понимаю, проблема в самом слайдере. Его окно по ширине больше, чем ширина самого сайта. Поэтому и картинки, какие не поставишь, тоже растягиваются по ширине.
Можно ли окно слайдера сделать прям ЧЕТКО ПО ШИРИНЕ САЙТА или на несколько пикселей меньше с правой и левой стороны, чтоб была четкая граница (типа как в шаблоне Бистро)? А картинки я уже переделаю потом именно под такое окно. Другие страницы, там где слайдера нет, нормально отображаются в телефоне по ширине.

Сделать слайдер по ширине контента ( у меня 1420*600).

Сообщение отредактировал Kot da Vinci: 16 Январь 2015 - 17:45

Наверх

#152 Taisia

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

Модератоpы
1 289 сообщений

Отправлено 14 Январь 2015 - 20:41

вам ответили в обратной связи.

Наверх

#153 Kot da Vinci

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

Пользователи
124 сообщений

ГородMoscow

Отправлено 14 Январь 2015 - 21:53

Taisia (14 Январь 2015 - 20:41) писал:

вам ответили в обратной связи.

Вот это ваш ответ на мой вопрос???

что бы слайды отображались корректно у них должен быть размер 1920px на 725 px
Ваши слайды имеют другой размер.
Рекомендуем вам загрузить на сайт слайды корректных размеров.

А теперь, пожалуйста, ответьте на ВОПРОС КОТОРЫЙ ВЫШЕ ПОЛНОСТЬЮ!!!!!!!!!!! Я по пол часа расписываю вам и разрисовываю скриншоты не для того, чтоб вы мне ответили, какие слайды размером должны быть!!!!!!!!!!!!!!! А ДЛЯ ТОГО, ЧТОБ ВЫ ПОМОГЛИ ПРОИЗВЕСТИ ИЗМЕНЕНИЯ СО СЛАЙДЕРОМ! ЧИТАЙТЕ ПОЖАЛУЙСТА ВНИМАТЕЛЬНО ВЕСЬ ВОПРОС, ОТ НАЧАЛА И ДО КОНЦА!!!! СУТЬ ВОПРОСА - СДЕЛАТЬ СЛАЙДЕР ПО ШИРИНЕ ВСЕГО САЙТА, С ФИКСИРОВАННОЙ ШИРИНОЙ, ДЛЯ ТОГО, ЧТОБ НОРМАЛЬНО ВСЕ ОТОБРАЖАЛОСЬ В МОБИЛЬНЫХ И ВО ВСЕХ УСТРОЙСТВАХ, а не КАКИЕ РАЗМЕРЫ СЛАЙДА В СЛАЙДЕРЕ!!!! НА скрины вы вообще внимания не обратили, сколько там отмечено и почему и какие проблемы??? И вообще, если вы внимательно прочитаете вопрос, то ЭТО МОЕ предположение в конце насчет слайдера, а как там должно быть - это вам видней, а не мне! И исходя не из моих предположений нужно изменения производить, а из ваших! Год можно сайт делать с такими успехами, ждешь ответ весь день, и получаешь вот это!!!

Наверх

#154 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 16 Январь 2015 - 19:52

Kot da Vinci (14 Январь 2015 - 21:53) писал:

Вот это ваш ответ на мой вопрос???

что бы слайды отображались корректно у них должен быть размер 1920px на 725 px
Ваши слайды имеют другой размер.
Рекомендуем вам загрузить на сайт слайды корректных размеров.

А теперь, пожалуйста, ответьте на ВОПРОС КОТОРЫЙ ВЫШЕ ПОЛНОСТЬЮ!!!!!!!!!!! Я по пол часа расписываю вам и разрисовываю скриншоты не для того, чтоб вы мне ответили, какие слайды размером должны быть!!!!!!!!!!!!!!! А ДЛЯ ТОГО, ЧТОБ ВЫ ПОМОГЛИ ПРОИЗВЕСТИ ИЗМЕНЕНИЯ СО СЛАЙДЕРОМ! ЧИТАЙТЕ ПОЖАЛУЙСТА ВНИМАТЕЛЬНО ВЕСЬ ВОПРОС, ОТ НАЧАЛА И ДО КОНЦА!!!! СУТЬ ВОПРОСА - СДЕЛАТЬ СЛАЙДЕР ПО ШИРИНЕ ВСЕГО САЙТА, С ФИКСИРОВАННОЙ ШИРИНОЙ, ДЛЯ ТОГО, ЧТОБ НОРМАЛЬНО ВСЕ ОТОБРАЖАЛОСЬ В МОБИЛЬНЫХ И ВО ВСЕХ УСТРОЙСТВАХ, а не КАКИЕ РАЗМЕРЫ СЛАЙДА В СЛАЙДЕРЕ!!!! НА скрины вы вообще внимания не обратили, сколько там отмечено и почему и какие проблемы??? И вообще, если вы внимательно прочитаете вопрос, то ЭТО МОЕ предположение в конце насчет слайдера, а как там должно быть - это вам видней, а не мне! И исходя не из моих предположений нужно изменения производить, а из ваших! Год можно сайт делать с такими успехами, ждешь ответ весь день, и получаешь вот это!!!

Здравствуйте. Отвечено по почте.

Наверх

#155 Kot da Vinci

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

Пользователи
124 сообщений

ГородMoscow

Отправлено 17 Январь 2015 - 03:23

Alekseys (16 Январь 2015 - 19:52) писал:

Здравствуйте. Отвечено по почте.

Aлексей, огромное вам спасибо, все получилось со слайдером отлично!
Осталось только подвал сделать, чтоб у него ширина была такая же как и у всего контента, что нужно сделать?
И еще посмотрите на скриншоты, все отображается нормально в телефоне, за исключением этих деталей:

1. Логотип и верхнее меню съезжают влево
2. Подвал неправильно отображается

Наверх

#156 Vaccina

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

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

Отправлено 17 Январь 2015 - 06:39

уточните пожалуйста, вы убрали адаптивные стили? не обнаружила у вас их, попробуйте следующее в style.css найдите:

body {

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

min-width: 1220px;

Наверх

#157 Kot da Vinci

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

Пользователи
124 сообщений

ГородMoscow

Отправлено 17 Январь 2015 - 14:50

Vaccina (17 Январь 2015 - 06:39) писал:

уточните пожалуйста, вы убрали адаптивные стили? не обнаружила у вас их, попробуйте следующее в style.css найдите:
body {
после него пропишите:
min-width: 1220px;[/color][/b]

Да адаптивные стили удаляли с Алексеем, вот эту строчку убрали
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Все получилось, теперь отлично все отображается!

Единственное, еще подскажите, что нужно сделать, чтоб при загрузке сайта на мобильном устройстве, он открывался в самом минимальном масштабе (скриншот 1), потому что сейчас открывается в увеличенном масштабе (скриншот 2) и нужно потом вручную уменьшать. Попробуйте на телефоне, если не достаточно понятно объяснил :rolleyes:

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

1.

2.

Сообщение отредактировал Kot da Vinci: 17 Январь 2015 - 14:56

Наверх

#158 Kot da Vinci

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

Пользователи
124 сообщений

ГородMoscow

Отправлено 18 Январь 2015 - 22:01

Здравствуйте! Жду ответ на сообщение #157 )

Наверх

#159 Vaccina

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

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

Отправлено 20 Январь 2015 - 05:34

попробуйте на месте, где вы удалили:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

прописать:

<meta name="viewport" content="width=device-width">

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

Наверх

#160 Kot da Vinci

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

Пользователи
124 сообщений

ГородMoscow

Отправлено 20 Январь 2015 - 11:37

Vaccina (20 Январь 2015 - 05:34) писал:

попробуйте на месте, где вы удалили:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

прописать:

<meta name="viewport" content="width=device-width">

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

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

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

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

Можете подсказать, какая по номеру эта строка была, которую удалили?Или после какого кода вставить этот -
<meta name="viewport" content="width=device-width">
Спасибо!)