Мобильная Версия
#1
Отправлено 19 Август 2014 - 16:38
1) На странице Каталог категории товаров не подписаны, просто картинки, можно это как-то изменить?
2) Кнопка покрыта каким-то градиентов, от этого она светлее чем должна быть и выглядит неактивной. Где это можно исправить? Можно кнопку сделать как в основной версии сайта?
3) В карточке товара картинка сдвинута слегка вправо, хотелось бы расположить ее по центру экрана. При нажатии увеличить изображение, все отображается как надо.
4) Кнопка "Каталог" очень светлая, как поменять ее цвет?
Спасибо.
#2
Отправлено 19 Август 2014 - 17:21
Enkha (19 Август 2014 - 16:38) писал:
1) На странице Каталог категории товаров не подписаны, просто картинки, можно это как-то изменить?
IMG_4782.PNG
2) Кнопка покрыта каким-то градиентов, от этого она светлее чем должна быть и выглядит неактивной. Где это можно исправить? Можно кнопку сделать как в основной версии сайта?
IMG_4783.PNG
3) В карточке товара картинка сдвинута слегка вправо, хотелось бы расположить ее по центру экрана. При нажатии увеличить изображение, все отображается как надо.
IMG_4784.jpg
4) Кнопка "Каталог" очень светлая, как поменять ее цвет?
Спасибо.
IMG_4785.PNG
1)
в main.css
@media only screen and (max-width: 767px) and (min-width: 480px) div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price { display: none; }измените на
@media only screen and (max-width: 767px) and (min-width: 480px) div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price { /* display: none; */ }
в main.css
@media only screen and (max-width: 480px) div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price { display: none; }измените на
@media only screen and (max-width: 480px) div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price { /* display: none; */ }2) Цвет кнопки у нас такой же, как и на основной версии сайта
3)У нас отображается корректно, в право сдвинуто возможно из-за разрешения устройства которым вы пользуетесь или браузера, попробуйте воспользоваться другим браузером или устройством.
4)
меняется в main.css
#column-left .box .box-heading { padding: 15px 0; border-bottom: 1px solid #e1e1e1; font-size: 20px; font-weight: normal !important; margin: 0 10px; color: #666666; }Меняйте значение color: на нужный для Вас цвет
#3
Отправлено 05 Июнь 2016 - 23:36
batta (19 Август 2014 - 17:21) писал:
3)У нас отображается корректно, в право сдвинуто возможно из-за разрешения устройства которым вы пользуетесь или браузера, попробуйте воспользоваться другим браузером или устройством.
Что бы посмотреть как отображается сайт на мобильном устройстве, можно вызвать меню ПКМ и выбрать "Просмотреть код" слева есть иконка "Планшет и смартфон" toggle device mod нажав на нее сразу получите вид на экране мобильного. Вверху можно будет сменить разрешение экрана и его ориентацию. Также можно добавить свое устройство.
#5
Отправлено 22 Июнь 2016 - 01:24
div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}
#7
Отправлено 26 Июнь 2016 - 20:34
Retina (26 Июнь 2016 - 19:59) писал:
В конец main.css добавьте
@media only screen and (max-width: 480px) { #content .prod_hold div > .name, #content .prod_hold div > .price { display: none; } }
#8
Отправлено 29 Июль 2016 - 04:18
Danil (26 Июнь 2016 - 20:34) писал:
В конец main.css добавьте
@media only screen and (max-width: 480px) { #content .prod_hold div > .name, #content .prod_hold div > .price { display: none; } }
Подобная проблема. Как показала проверка проблема изначально присутствует в шаблоне.
Но prod-info-fly появляется намного раньше достижения этого разрешения (достаточно просто изменять размер окна при просмотре). Соответственно, при горизонтальном разрешении окна менее определенного, считается что это не экран ПК а мобильное устройство без мышки, prod-info-fly становится фиксированным и все так же дублирует данные prod_hold. Промежуточные варианты остаются глючными.
Изменение "max-width: 480px" на большее, приводит к тому что появляется узкий период когда название товара вообще не выводится.
Может стоит ловить момент фиксации prod-info-fly на странице? Происходит одновременно со левого меню каталога товаров при горизонтальном разрешении менее 960рх.
Помогите разобраться.
Заранее спасибо!
SL-382532
#9
Отправлено 02 Август 2016 - 15:07
SSAASS (29 Июль 2016 - 04:18) писал:
Но prod-info-fly появляется намного раньше достижения этого разрешения (достаточно просто изменять размер окна при просмотре). Соответственно, при горизонтальном разрешении окна менее определенного, считается что это не экран ПК а мобильное устройство без мышки, prod-info-fly становится фиксированным и все так же дублирует данные prod_hold. Промежуточные варианты остаются глючными.
Изменение "max-width: 480px" на большее, приводит к тому что появляется узкий период когда название товара вообще не выводится.
Может стоит ловить момент фиксации prod-info-fly на странице? Происходит одновременно со левого меню каталога товаров при горизонтальном разрешении менее 960рх.
Помогите разобраться.
Заранее спасибо!
SL-382532
Если Вы не выполняли данную инструкцию, то Вам необхлодимо в конец файла main.css добавить следующий блок, если выполняли, то замените данный блок на
@media only screen and (max-width: 768px) {#content .prod_hold div > .name, #content .prod_hold div > .price {display: none;}}
#10
Отправлено 03 Август 2016 - 20:08
Stasya (02 Август 2016 - 15:07) писал:
@media only screen and (max-width: 768px) {#content .prod_hold div > .name, #content .prod_hold div > .price {display: none;}}
Не думаю что это решение вопроса, писал выше, но проделал.
При этом пропадают названия категорий, что является минусом.
#11
Отправлено 04 Август 2016 - 01:52
#content .prod_hold div > .name, #content .prod_hold div > .price { display: none; }
#12
Отправлено 04 Август 2016 - 18:14
Vaccina (04 Август 2016 - 01:52) писал:
#content .prod_hold div > .name, #content .prod_hold div > .price { display: none; }
Сделано. В чем смысл? Естественно все вернулось на исходную. Делается сугубо только ради Вас, что бы Вы могли отследить.
#13
Отправлено 05 Август 2016 - 01:34
Цитата
Моя инструкция была направлена на отображение названий категорий в блоках при небольших разрешениях.
#14
Отправлено 02 Октябрь 2016 - 09:36
#15
Отправлено 02 Октябрь 2016 - 09:46
Retina (02 Октябрь 2016 - 09:36) писал:
В main.css найдите код
@media only screen and (max-width: 480px) { #content .prod_hold div > .name, #content .prod_hold div > .price { display: none;}}и замените на
@media only screen and (max-width: 480px) { #content .product-list .prod_hold div > .name, #content .prod_hold div > .price {display: none;} }
#16
Отправлено 02 Октябрь 2016 - 10:20
Danil (02 Октябрь 2016 - 09:46) писал:
В main.css найдите код
@media only screen and (max-width: 480px) { #content .prod_hold div > .name, #content .prod_hold div > .price { display: none;}}и замените на
@media only screen and (max-width: 480px) { #content .product-list .prod_hold div > .name, #content .prod_hold div > .price {display: none;} }
Названия задвоились теперь в разных разделах.
-И помогите еще надпись убрать "Добавить в корзину" в разделе "С этим товаром смотрят".
#17
Отправлено 02 Октябрь 2016 - 10:34
Retina (02 Октябрь 2016 - 10:20) писал:
-И помогите еще надпись убрать "Добавить в корзину" в разделе "С этим товаром смотрят".
@media only screen and (max-width: 480px) { #content .product-list .prod_hold div > .name, #content .prod_hold div > .price {display: none;} }и замените на
@media only screen and (max-width: 480px) { #content .prod_hold div > .name, #content .prod_hold div > .price {display: none;} #content .product-list2 .prod_hold div > .name {display: block;} }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных