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

Добрый день!

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

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



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



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



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



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

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

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



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



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

  



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



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



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

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

SL-416251

up

up

up

Добрый день. Извините за долгое ожидание. Для внесения изменений зайдите в Редактор шаблонов-->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;}

metry (12 Февраль 2018 - 15:17) писал:

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

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

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

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