Перейти к содержимому


Моб. Версия, А Также Как Нарисовать Красивую Таблицу :)

Автор darya_kolos, 19 июля 2016 16:17

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 17

#1 darya_kolos

darya_kolos

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

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 19 Июль 2016 - 16:17

Всем доброго времени суток! И снова я с кучей вопросов к самой лучшей команде техподдержки на свете :)

1. В настройках убрала функцию сравнения товаров. Но теперь меню, всплывающее при наведении на товар в общем списке, выглядит не очень симпатично. Скрин - как есть и как хотела бы. Подскажите, как это сделать?

2. На главной странице во вкладках Новинки, Хиты продаж и Товары на главной по умолчанию отображается 8 товаров, остальные скрыты. Возможно ли, чтобы в обычной версии сайта так и осталось, а в мобильной отображалось по умолчанию 4 товара? А то 8 листать неудобно долго...

3. Такой момент при включении выпадающих списков-меню в моб. версии... Если нажать иконку якоря - всплывает меню. Далее нажимаем меню с каталогом над слайдером и - первая меню (от якоря) скрывается автоматически и появляется каталог. А если сделать в обратном порядке - то обе меню остаются и меню из якоря прячется за каталогом. Следующий момент.. опять открываем меню каталога, далее нажимаем поиск и этот каталог снова не скрывается. Нужно отдельно его закрывать. Это я где-то что-то по случайности удалила или как исправить этот момент? (надеюсь описала нормально, также скрин прилагаю)

4. Мне нужно на странице нарисовать красивую таблицу в тексте. Таблица нужна такого плана, как на сайте (http://info-size.ru/...etskix-razmerov). Прошу, пожалуйста, не банить если сторонние ссылки запрещены... Просто реально не смогу описать ее словами. Мне нужна такая таблица, но не вся... т.е. просто ее скопировать тоже не подойдет.

Прикрепленные изображения

  • без функции.jpg
  • IMG_2079.PNG

#2 Vaccina

Vaccina

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

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

Отправлено 20 Июль 2016 - 01:28

1. В main.css найдите:
.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 darya_kolos

darya_kolos

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

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 20 Июль 2016 - 05:06

Просмотр сообщенияVaccina (20 Июль 2016 - 01:28) писал:

3. Уточните пожалуйста, ранее так и было у вас? при повторном клике всплывающий блок скрывается?
4.Уточните пожалуйста, где вы хотите разместить таблицу?

3. При повторном клике блок скрывается. Но удобнее, наверное, если он автоматом скроется как верхнее меню. Не могу сказать, было так раньше или нет, но ничего конкретно с этими всплывающими блоками я не делала.

4. Таблицу на страницу "Таблица размеров"

#4 Vaccina

Vaccina

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

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

Отправлено 20 Июль 2016 - 06:57

Попробуйте следующее, в main.css найдите:
#mommenu .menu_collapse_wrap .collapse.in {
	height: auto;
}

замените на:
#mommenu .menusidebar:hover + .menu_collapse_wrap .collapse.in {
	height: auto;
}

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

#5 darya_kolos

darya_kolos

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

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 20 Июль 2016 - 14:44

Таак, по поводу количества товаров на главной в моб версии. Я все поменяла, как Вы написали, но отображается все равно 8, а не 4.

По меню, которое не скрывалось. Спасибо, меня устраивает что получилось

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

#6 Vaccina

Vaccina

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

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

Отправлено 21 Июль 2016 - 03:05

В 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;}

Можете воспользоваться онлайн генератором таблиц, например:
http://daruse.ru/html-table-generator
Далее зайдите в раздел Сайт - Страницы - в конкретной странице в визуальном редакторе нажмите кнопку "Источник" и вставьте сгенерированный код таблицы.

#7 darya_kolos

darya_kolos

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

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 23 Июль 2016 - 16:28

Просмотр сообщенияVaccina (21 Июль 2016 - 03:05) писал:

В main.css найдите:
@media all and (max-width: 481px) {

вставила, не получается :(

а по таблице - спасибо за наводку))

#8 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 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 darya_kolos

darya_kolos

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

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 29 Июль 2016 - 15:12

Просмотр сообщенияStasya (25 Июль 2016 - 14:00) писал:

В файле 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;}

Спасибо огромное :) именно то, что и хотела :)

#10 darya_kolos

darya_kolos

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

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 01 Август 2016 - 07:23

Просмотр сообщенияVaccina (20 Июль 2016 - 06:57) писал:

Попробуйте следующее, в main.css найдите:
#mommenu .menu_collapse_wrap .collapse.in {
height: auto;
}

замените на:
#mommenu .menusidebar:hover + .menu_collapse_wrap .collapse.in {
height: auto;
}

СОС, беда.... мы вот поправили, чтобы блоки автоматом скрывались, если пользователь кликает на другое меню.  НО!!!! не увидела тогда, а сейчас только заметила.... клик по кнопке, чтобы увидеть меню каталога, а дальше когда нажимаешь любую категорию - ничего не происходит, меню сворачивается. Т.е. никто не может посмотреть ассортимент магазина с телефона. Помогите решить проблему, пожалуйста

#11 Vaccina

Vaccina

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

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

Отправлено 04 Август 2016 - 07:27

Ответила вам в данной теме:
http://forum.storela...ии/#entry244146

#12 darya_kolos

darya_kolos

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

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 03 Сентябрь 2016 - 14:58

Просмотр сообщенияStasya (25 Июль 2016 - 14:00) писал:

В файле 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;}

помогите, пожалуйста..... вот мы поставили отображение товаров на главной странице, а теперь почему-то когда кликаешь на "Показать все" - кнопка меняется на Скрыть, но товары не раскрываются... что делать?

#13 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 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 darya_kolos

darya_kolos

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

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 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 Danil

Danil

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

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

Отправлено 04 Сентябрь 2016 - 15:40

Просмотр сообщенияdarya_kolos (04 Сентябрь 2016 - 15:00) писал:

Получается никак не сократить количество товаров для отображения в моб. версии? :( 8 реально неудобно и долговато листать :(
Здравствуйте.
В 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 darya_kolos

darya_kolos

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

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 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;}
}

Сделала... опять не раскрывается полный список товаров :(

#17 Danil

Danil

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

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

Отправлено 04 Сентябрь 2016 - 16:01

Просмотр сообщенияdarya_kolos (04 Сентябрь 2016 - 15:53) писал:

Сделала... опять не раскрывается полный список товаров :(
Ошибку Вам исправил, проверьте.
Что касается инструкции из сообщения 15, то она нужна для ограничения товаров на главной до 4 штук, вместо 8.

#18 darya_kolos

darya_kolos

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

  • Пользователи
  • PipPipPip
  • 94 сообщений

Отправлено 04 Сентябрь 2016 - 16:13

Просмотр сообщенияDanil (04 Сентябрь 2016 - 16:01) писал:

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

Ура ура ура, спасибо :) все раскрывается, как и хотела - изначально на странице 4 товара. Надеюсь, больше моментов не вылезет никаких для исправления :)
Обратно в Изменение общей стилистики


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лазурь
  5. → Изменение общей стилистики
  6. Privacy Policy