Моб. Версия, А Также Как Нарисовать Красивую Таблицу :)
#1
Отправлено 19 Июль 2016 - 16:17
1. В настройках убрала функцию сравнения товаров. Но теперь меню, всплывающее при наведении на товар в общем списке, выглядит не очень симпатично. Скрин - как есть и как хотела бы. Подскажите, как это сделать?
2. На главной странице во вкладках Новинки, Хиты продаж и Товары на главной по умолчанию отображается 8 товаров, остальные скрыты. Возможно ли, чтобы в обычной версии сайта так и осталось, а в мобильной отображалось по умолчанию 4 товара? А то 8 листать неудобно долго...
3. Такой момент при включении выпадающих списков-меню в моб. версии... Если нажать иконку якоря - всплывает меню. Далее нажимаем меню с каталогом над слайдером и - первая меню (от якоря) скрывается автоматически и появляется каталог. А если сделать в обратном порядке - то обе меню остаются и меню из якоря прячется за каталогом. Следующий момент.. опять открываем меню каталога, далее нажимаем поиск и этот каталог снова не скрывается. Нужно отдельно его закрывать. Это я где-то что-то по случайности удалила или как исправить этот момент? (надеюсь описала нормально, также скрин прилагаю)
4. Мне нужно на странице нарисовать красивую таблицу в тексте. Таблица нужна такого плана, как на сайте (http://info-size.ru/...etskix-razmerov). Прошу, пожалуйста, не банить если сторонние ссылки запрещены... Просто реально не смогу описать ее словами. Мне нужна такая таблица, но не вся... т.е. просто ее скопировать тоже не подойдет.
#2
Отправлено 20 Июль 2016 - 01:28
.products-grid .item .item-inner .item-img .item-box-hover { z-index: 2; background-color: #3bb3c3; position: absolute; width: 100%; height: 90px; bottom: -90px; left: 0px; }
замените на:
.products-grid .item .item-inner .item-img .item-box-hover { z-index: 2; background-color: #3bb3c3; position: absolute; width: 100%; height: 90px; bottom: -90px; left: 0px; text-align: center; }
далее найдите:
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions { float: left; height: 51px; display: block; }
замените на:
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions { height: 51px; display: inline-block; }
далее найдите:
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .quickview-wrap { float: left; }
замените на:
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .quickview-wrap { display: inline-block; }
2, В шаблоне HTML найдите:
> 8 %}load-animate{% ENDIF %}
замените на:
> 4 %}load-animate{% ENDIF %}
3. Уточните пожалуйста, ранее так и было у вас? при повторном клике всплывающий блок скрывается?
4.Уточните пожалуйста, где вы хотите разместить таблицу?
#3
Отправлено 20 Июль 2016 - 05:06
Vaccina (20 Июль 2016 - 01:28) писал:
4.Уточните пожалуйста, где вы хотите разместить таблицу?
3. При повторном клике блок скрывается. Но удобнее, наверное, если он автоматом скроется как верхнее меню. Не могу сказать, было так раньше или нет, но ничего конкретно с этими всплывающими блоками я не делала.
4. Таблицу на страницу "Таблица размеров"
#4
Отправлено 20 Июль 2016 - 06:57
#mommenu .menu_collapse_wrap .collapse.in { height: auto; }
замените на:
#mommenu .menusidebar:hover + .menu_collapse_wrap .collapse.in { height: auto; }
По поводу таблицы, создайте страницу в разделе Сайт - Страницы, в визуальном редакторе полного описания страницы имеется кнопка создания таблицы с необходимым количеством столбцов и ячеек.
#5
Отправлено 20 Июль 2016 - 14:44
По меню, которое не скрывалось. Спасибо, меня устраивает что получилось
А таблица - очень она страшненькая получается. Вообще не люблю эту таблицу в редакторах сайтов. Почему нет возможности скопировать с Worda? Сама кнопка есть, но она всегда неактивна. Так бы я не парилась вообще.
#6
Отправлено 21 Июль 2016 - 03:05
@media all and (max-width: 481px) {
после него вставьте:
.item.item-animate.show-addtocart {display:none;} .item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4){display:block;}
Можете воспользоваться онлайн генератором таблиц, например:
http://daruse.ru/html-table-generator
Далее зайдите в раздел Сайт - Страницы - в конкретной странице в визуальном редакторе нажмите кнопку "Источник" и вставьте сгенерированный код таблицы.
#8
Отправлено 25 Июль 2016 - 14:00
darya_kolos (23 Июль 2016 - 16:28) писал:
а по таблице - спасибо за наводку))
В файле main.css найдите блок
@media all and (max-width: 481px) { .item.item-animate.show-addtocart {display:none;} .item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4){display:block;}
и замените его на
@media all and (max-width: 481px) { #producttabs .item.item-animate.show-addtocart {display:none;} .item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4){display:block !important;}
#9
Отправлено 29 Июль 2016 - 15:12
Stasya (25 Июль 2016 - 14:00) писал:
@media all and (max-width: 481px) { .item.item-animate.show-addtocart {display:none;} .item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4){display:block;}
и замените его на
@media all and (max-width: 481px) { #producttabs .item.item-animate.show-addtocart {display:none;} .item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4){display:block !important;}
Спасибо огромное именно то, что и хотела
#10
Отправлено 01 Август 2016 - 07:23
Vaccina (20 Июль 2016 - 06:57) писал:
#mommenu .menu_collapse_wrap .collapse.in { height: auto; }
замените на:
#mommenu .menusidebar:hover + .menu_collapse_wrap .collapse.in { height: auto; }
СОС, беда.... мы вот поправили, чтобы блоки автоматом скрывались, если пользователь кликает на другое меню. НО!!!! не увидела тогда, а сейчас только заметила.... клик по кнопке, чтобы увидеть меню каталога, а дальше когда нажимаешь любую категорию - ничего не происходит, меню сворачивается. Т.е. никто не может посмотреть ассортимент магазина с телефона. Помогите решить проблему, пожалуйста
#11
Отправлено 04 Август 2016 - 07:27
#12
Отправлено 03 Сентябрь 2016 - 14:58
Stasya (25 Июль 2016 - 14:00) писал:
@media all and (max-width: 481px) { .item.item-animate.show-addtocart {display:none;} .item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4){display:block;}
и замените его на
@media all and (max-width: 481px) { #producttabs .item.item-animate.show-addtocart {display:none;} .item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4){display:block !important;}
помогите, пожалуйста..... вот мы поставили отображение товаров на главной странице, а теперь почему-то когда кликаешь на "Показать все" - кнопка меняется на Скрыть, но товары не раскрываются... что делать?
#13
Отправлено 03 Сентябрь 2016 - 16:22
darya_kolos (03 Сентябрь 2016 - 14:58) писал:
Здравствуйте.
Чтобы функция открытия товаров по кнопке "Показать все" работала правильно необходимо будет в шаблоне main.css найти и удалить ранее откорректированный код:
#producttabs .item.item-animate.show-addtocart {display:none;} .item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4){display:block !important;}
#14
Отправлено 04 Сентябрь 2016 - 15:00
Firefly (03 Сентябрь 2016 - 16:22) писал:
Чтобы функция открытия товаров по кнопке "Показать все" работала правильно необходимо будет в шаблоне main.css найти и удалить ранее откорректированный код:
#producttabs .item.item-animate.show-addtocart {display:none;} .item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4){display:block !important;}
Получается никак не сократить количество товаров для отображения в моб. версии? 8 реально неудобно и долговато листать
#15
Отправлено 04 Сентябрь 2016 - 15:40
darya_kolos (04 Сентябрь 2016 - 15:00) писал:
В main.css найдите код
.item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4), .item.item-animate.show-addtocart:nth-child(5), .item.item-animate.show-addtocart:nth-child(6), .item.item-animate.show-addtocart:nth-child(7), .item.item-animate.show-addtocart:nth-child(8) {display:block;}и замените на
@media all and (max-width: 480px){ .item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4) {display:block;} } @media all and (min-width: 481px) { .item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4), .item.item-animate.show-addtocart:nth-child(5), .item.item-animate.show-addtocart:nth-child(6), .item.item-animate.show-addtocart:nth-child(7), .item.item-animate.show-addtocart:nth-child(8) {display:block;} }
#16
Отправлено 04 Сентябрь 2016 - 15:53
Danil (04 Сентябрь 2016 - 15:40) писал:
В main.css найдите код
.item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4), .item.item-animate.show-addtocart:nth-child(5), .item.item-animate.show-addtocart:nth-child(6), .item.item-animate.show-addtocart:nth-child(7), .item.item-animate.show-addtocart:nth-child(8) {display:block;}и замените на
@media all and (max-width: 480px){ .item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4) {display:block;} } @media all and (min-width: 481px) { .item.item-animate.show-addtocart:nth-child(1), .item.item-animate.show-addtocart:nth-child(2), .item.item-animate.show-addtocart:nth-child(3), .item.item-animate.show-addtocart:nth-child(4), .item.item-animate.show-addtocart:nth-child(5), .item.item-animate.show-addtocart:nth-child(6), .item.item-animate.show-addtocart:nth-child(7), .item.item-animate.show-addtocart:nth-child(8) {display:block;} }
Сделала... опять не раскрывается полный список товаров
#18
Отправлено 04 Сентябрь 2016 - 16:13
Danil (04 Сентябрь 2016 - 16:01) писал:
Что касается инструкции из сообщения 15, то она нужна для ограничения товаров на главной до 4 штук, вместо 8.
Ура ура ура, спасибо все раскрывается, как и хотела - изначально на странице 4 товара. Надеюсь, больше моментов не вылезет никаких для исправления
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных