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


Мобильная Версия Сайта На Шаблоне Туризм

Мобильный сайт Адаптивный шаблон Туризм Мобильная версия сайта Мобильное отображение сайта

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

#1 Sharlex

Sharlex

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

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

Отправлено 08 Февраль 2018 - 13:40

Добрый день!

Теперь хотелось бы подкорректировать мобильную версию шаблона, текущее отображение несколько неудобное в навигации.

1.  В шапке страниц мобильной версии (далее говорим о страницах мобильной версии) увеличить немного размер шрифта Меню.
Выровнять, с отступом, по левому краю Меню и пиктограмму Каталога товаров.
Если возможно, рядом с пиктограммой кнопки каталога добавить текст - Каталог дверей.

1.jpg

2. Убрать верхний блок Контакты со всех страниц.

1.jpg

3. Убрать со всех страниц блоки Новости и статьи.

3.jpg

4. Можно ли расположить баннеры категорий каталога товаров так же, как на обычной версии сайта, по 3 баннера в строке, а не по одной.

4.jpg 5.jpg

5-1.jpg - как на обычной версии.

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

5. Убрать с главной страницы блок с ее описанием (текст на главной).

6.jpg

6. Убрать со страниц блок с галереей изображений Награды и сертификаты.

7.jpg

7. В подвале страниц оставить только блок Контакты, Блок Обратный звонок и Блок с описанием реквизитов компании и кнопок соцсетей.
Убираем блоки Нижнего Меню и Личного кабинета.

7.jpg   

8.jpg

8. В каталоге товаров, при отображении табличного списка, убрать кнопки-пиктограммы добавления товара в корзину, количества товара, отзывов, оставить только Наименование товара.
Если можно, также убрать возможность представления товаров в построчном виде.  Оставить только табличное.

9.jpg

9. В карточке товара, в блоке Полное описание, текст полностью выровнен по обоим краям, без минимальных отступов.
Сделать отступы от правого и левого краев 10-15 px.

99.jpg

Буду очень рад и благодарен вашей команде за оперативное решение вопросов.



Номер аккаунта:

SL-416251



#2 Sharlex

Sharlex

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

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

Отправлено 09 Февраль 2018 - 17:43

up

#3 Sharlex

Sharlex

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

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

Отправлено 12 Февраль 2018 - 02:25

up

#4 Sharlex

Sharlex

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

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

Отправлено 12 Февраль 2018 - 10:08

up

#5 metry

metry

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

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

Отправлено 12 Февраль 2018 - 15:17

Добрый день. Извините за долгое ожидание. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#header .header-right .header-links .top-links .icon {display: block;float: right;color: #21293c;}

замените на:

#header .header-right .header-links .top-links .icon {display: block;float: left;color: #21293c;}

далее найдите:

#header .header-right .menu .icon {display: block;}

замените на:
#header .header-right .menu .icon {display: block;float:left;}

далее зайдите в Редактор шаблонов-->HTML и найдите:

<div class="icon"><a href="javascript:void(0)" title="Меню"><i class="fa fa-bars" aria-hidden="true"></i><div class="overlay"> </div> </a></div>

замените на:
<div class="icon"><a href="javascript:void(0)" title="Меню"><span style="text-transform: uppercase;vertical-align: middle; font-size:11px">Каталог дверей</span> <i class="fa fa-bars" aria-hidden="true"></i><div class="overlay"> </div> </a></div>


2,3. В main.css найдите:
.toolbar.bottom .sort-by {display: none;}
и после него вставьте:

.col-left .block.info{display: none;}
.col-left .block{display: none;}

4. в main.css найдите:

#banners .banner-left {width: 100%;margin-bottom: 10px;padding: 0;}
#banners .banner-right {width: 100%;margin-bottom: 10px;padding: 0;}

замените на:

#banners .banner-left {width: 33,3%;margin-bottom: 10px;padding: 0;padding-right:5px;}
#banners .banner-right {width: 33,3%;margin-bottom: 10px;padding: 0;padding-right:5px;}
#banners .banner-image .content{padding: 50px 0;}

5,6,7.Зайдите в Редактор шаблонов-->HTML и найдите:
	<!-- Кнопка Наверх -->
	<div id="back-top" title="Наверх"><i class="fa fa-arrow-up" aria-hidden="true"></i></div>
	<!-- /END Кнопка Наверх -->
  </div>

после него вставьте:
	  {% IF index_page %}
	<style>
	@media all and (max-width: 991px) {
	.DescriptionBlock .htmlDataBlock{display:none;}
	}
	</style>
	{% ENDIF %}
	<style>
	@media all and (max-width: 991px) {
	.thumblist-box.gallery-index-page.navigation{display:none;}
	.footer_mob{display:none;}
	}
	</style>

8. Зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:
.fa.fa-th-list{display:none;}

9. в main.css найдите:
.product-tabs .tab-content .htmlDataBlock {padding: 0;margin: 0;}

замените на:
.product-tabs .tab-content .htmlDataBlock {padding: 0;margin: 0;padding-left:10px;padding-right:10px;}

далее найдите:
.product-tabs .tabs {display: block;text-align: left;margin: 0;padding: 0;list-style: none;}

замените на:
.product-tabs .tabs {display: block;text-align: left;margin: 0;padding: 0;list-style: none;margin-left:10px;}


#6 Sharlex

Sharlex

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

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

Отправлено 12 Февраль 2018 - 19:59

Просмотр сообщенияmetry (12 Февраль 2018 - 15:17) писал:

Добрый день. Извините за долгое ожидание. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:




Большое спасибо! Большинство пунктов получилось.

Но в п.8 пиктограммы кнопок в табличном представлении так и остались.

Спасибо, сделал сам, в нескольких местах убрал отображение вывода .product-shop .actions

#7 Meyer

Meyer

    Новичок

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

Отправлено 02 Июнь 2018 - 15:04

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





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

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

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