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


Добавить Иконки Категории

Автор МихаилДолматов, 24 июля 2019 12:47

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

#21 МихаилДолматов

МихаилДолматов

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

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

Отправлено 06 Август 2019 - 09:37

Просмотр сообщенияVaccina (06 Август 2019 - 08:26) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
 .header-catalogLink {line-height: 1.3;padding: 11px 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}

замените на:
 .header-catalogLink {line-height: 1.3;padding: 11px 20px 11px 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: start;}
.header-catalogLink img {margin-right: 10px;}

далее зайдите в шаблон HTML - найдите:
					 <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>
						 {% IF catalog_full.IMAGE_ICON %}<img src="{catalog_full.IMAGE_ICON}" class="goods-cat-image-icon"/>{% ENDIF %}{% IF catalog_full.ISSET_VISIBLE_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}
						 {catalog_full.NAME}
						 {% IF catalog_full.GOODS_COUNT>0 %} <span class="count">{catalog_full.GOODS_COUNT}</span>{% ELSEIF catalog_full.BRANCH_GOODS_COUNT>0 %}<span class="count">{catalog_full.BRANCH_GOODS_COUNT}</span>{% ENDIF %}
					 </a>

замените на:
					 <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>
{% IF catalog_full.NAME=Электроника %}
<img src="https://st.mixmol.ru/8/2502/756/noun_Electronics_37559_1_.png" class="goods-cat-image-icon"/>
{% ELSEIF catalog_full.NAME=Автотовары %}
<img src="https://st.mixmol.ru/8/2502/759/noun_Auto_Tyre_1931332.png" class="goods-cat-image-icon"/>
{% ELSEIF catalog_full.NAME=Детские товары %}
<img src="https://st.mixmol.ru/9/2502/765/noun_toys_811421.png" class="goods-cat-image-icon"/>
{% ELSEIF catalog_full.NAME=Дом и Сад %}
<img src="https://st.mixmol.ru/12/2502/757/noun_Home_2052788.png" class="goods-cat-image-icon"/>
{% ELSEIF catalog_full.NAME=Красота и здоровье %}
<img src="https://st.mixmol.ru/8/2502/761/noun_Cosmetics_2251079.png" class="goods-cat-image-icon"/>
{% ELSEIF catalog_full.NAME=Спорт и отдых %}
<img src="https://st.mixmol.ru/9/2502/764/noun_sport_equipment_2559037.png" class="goods-cat-image-icon"/>
{% ELSEIF catalog_full.NAME=Зоотовары %}
<img src="https://st.mixmol.ru/8/2502/758/noun_Animal_2528633.png" class="goods-cat-image-icon"/>
{% ELSEIF catalog_full.NAME=Кошельки и Сумки %}
<img src="https://st.mixmol.ru/8/2502/760/noun_bag_1743671.png" class="goods-cat-image-icon"/>
{% ELSEIF catalog_full.NAME=Подарки и Праздники %}
<img src="https://st.mixmol.ru/8/2502/762/noun_Present_886831.png" class="goods-cat-image-icon"/>
{% ELSEIF catalog_full.NAME=SALE %}
<img src="https://st.mixmol.ru/9/2502/763/noun_sale_915429.png" class="goods-cat-image-icon"/>
{% ENDIF %}
{% IF catalog_full.ISSET_VISIBLE_SUB %}<span class="open-sub {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}
						 {catalog_full.NAME}
						 {% IF catalog_full.GOODS_COUNT>0 %} <span class="count">{catalog_full.GOODS_COUNT}</span>{% ELSEIF catalog_full.BRANCH_GOODS_COUNT>0 %}<span class="count">{catalog_full.BRANCH_GOODS_COUNT}</span>{% ENDIF %}
					 </a>

На слайде показал что подправить -Безымянный222.png

#22 metry

metry

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

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

Отправлено 06 Август 2019 - 15:52

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

.col-left .block.catalog .content ul li a img {width: 30px;height: 30px;margin-right: -5px}

замените на:

.col-left .block.catalog .content ul li a img {width: 30px;height: 30px;margin-right: 5px}

#23 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 12 Август 2019 - 13:07

По поводу выпадающего меню.
Нужно у категорий второй степени, которые в выпадающем меню отображаются (у меня это всевозможные производители - первый скрин), вот в выпадающем меню нужно чтобы отображалось изображения этих категорий, как на втором скрине, только размером меньше - где-то 100 на 100.
И ещё сделать отображение не по три столбца, а по четыре (или даже пять...).

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

  • каталог.jpg
  • Opera Снимок_2019-08-12_130318_kupit-termos.ru.png

#24 Vaccina

Vaccina

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

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

Отправлено 13 Август 2019 - 08:59

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
					<li class="header-catalogMenuTitle">
					  <a href="/catalog">Каталог</a>
					  <button class="header-closeBtn"><i class="fal fa-times"></i></button>
					</li>
					{% IFNOT catalog_full_empty %}
					  {% FOR catalog_full %}
						{% IF catalog_full.FIRST %}
						  {% IFNOT catalog_full.LEVEL = 0 %}
						  <ul class="sub{% IF catalog_full.LEVEL = 1 %} header-subcatalog{% ENDIF %}{% IF catalog_full.LEVEL = 2 %} header-subcatalog-third{% ENDIF %}{% IF catalog_full.LEVEL > 3 %} hide{% ENDIF %}">
						  {% ENDIF %}
						{% ENDIF %}
						<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.LEVEL = 0 %}header-catalogItem {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogCol {% ENDIF %}{% IF catalog_full.LEVEL = 2 %}header-subcatalogItem {% ENDIF %}{% IF catalog_full.ISSET_VISIBLE_SUB %} parent{% ENDIF %}{% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
							  <a href="{catalog_full.URL}" class="{% IF catalog_full.LEVEL = 0 %}header-catalogLink {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogTitle {% ENDIF %}{% IF catalog_full.LEVEL >= 2 %}header-subcatalogLink {% ENDIF %}{% IF catalog_full.CURRENT %} active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url">
								{catalog_full.NAME}
								{% IF catalog_full.ISSET_VISIBLE_SUB &&  catalog_full.LEVEL = 0 %}<span class="header-arrow header-catalogArrow fal fa-angle-down {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}
								{% IF catalog_full.ISSET_VISIBLE_SUB &&  catalog_full.LEVEL != 0 %}<span class="header-arrow header-secondArrow  fal fa-caret-right {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}
							  </a>
						{% IF catalog_full.ISSET_SUB=0 %}
						</li>
						{% ENDIF %}
                        
замените на:
					<li class="header-catalogMenuTitle">
					  <a href="/catalog">Каталог</a>
					  <button class="header-closeBtn"><i class="fal fa-times"></i></button>
					</li>
					{% IFNOT catalog_full_empty %}
					  {% FOR catalog_full %}
						{% IF catalog_full.FIRST %}
						  {% IFNOT catalog_full.LEVEL = 0 %}
						  <ul class="sub{% IF catalog_full.LEVEL = 1 %} header-subcatalog{% ENDIF %}{% IF catalog_full.LEVEL = 2 %} header-subcatalog-third{% ENDIF %}{% IF catalog_full.LEVEL > 3 %} hide{% ENDIF %}">
						  {% ENDIF %}
						{% ENDIF %}
						<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.LEVEL = 0 %}header-catalogItem {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogCol {% ENDIF %}{% IF catalog_full.LEVEL = 2 %}header-subcatalogItem {% ENDIF %}{% IF catalog_full.ISSET_VISIBLE_SUB %} parent{% ENDIF %}{% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
							  <a href="{catalog_full.URL}" class="{% IF catalog_full.LEVEL = 0 %}header-catalogLink {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogTitle {% ENDIF %}{% IF catalog_full.LEVEL >= 2 %}header-subcatalogLink {% ENDIF %}{% IF catalog_full.CURRENT %} active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url">
							  {% IF catalog_full.LEVEL = 1 %}<img src="{catalog_full.IMAGE_ICON}" alt="{catalog_full.NAME}" />{% ENDIF %}
								{catalog_full.NAME}
								{% IF catalog_full.ISSET_VISIBLE_SUB &&  catalog_full.LEVEL = 0 %}<span class="header-arrow header-catalogArrow fal fa-angle-down {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}
								{% IF catalog_full.ISSET_VISIBLE_SUB &&  catalog_full.LEVEL != 0 %}<span class="header-arrow header-secondArrow  fal fa-caret-right {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}
							  </a>
						{% IF catalog_full.ISSET_SUB=0 %}
						</li>
						{% ENDIF %}
                        
далее зайдите в main.css - найдите:
.header-subcatalogTitle {display: block;margin-bottom: 10px;font-size: 16px;font-family: "Cera Round Pro",Arial,sans-serif;font-weight: 500;line-height: 1.3;color: #2a3034}

замените на:
.header-subcatalogTitle {text-align: center;display: block;margin-bottom: 10px;font-size: 16px;font-family: "Cera Round Pro",Arial,sans-serif;font-weight: 500;line-height: 1.3;color: #2a3034}
.header-subcatalogTitle img {display: block;margin: 0 auto;}

далее найдите:
  .header-subcatalogCol {width: 33.33%;float: left;list-style: none}

замените на:
  .header-subcatalogCol {width: 25%;float: left;list-style: none}

#25 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 13 Август 2019 - 09:32

Просмотр сообщенияVaccina (13 Август 2019 - 08:59) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
				 <li class="header-catalogMenuTitle">
					 <a href="/catalog">Каталог</a>
					 <button class="header-closeBtn"><i class="fal fa-times"></i></button>
				 </li>
				 {% IFNOT catalog_full_empty %}
					 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}
						 {% IFNOT catalog_full.LEVEL = 0 %}
						 <ul class="sub{% IF catalog_full.LEVEL = 1 %} header-subcatalog{% ENDIF %}{% IF catalog_full.LEVEL = 2 %} header-subcatalog-third{% ENDIF %}{% IF catalog_full.LEVEL > 3 %} hide{% ENDIF %}">
						 {% ENDIF %}
					 {% ENDIF %}
					 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.LEVEL = 0 %}header-catalogItem {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogCol {% ENDIF %}{% IF catalog_full.LEVEL = 2 %}header-subcatalogItem {% ENDIF %}{% IF catalog_full.ISSET_VISIBLE_SUB %} parent{% ENDIF %}{% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
							 <a href="{catalog_full.URL}" class="{% IF catalog_full.LEVEL = 0 %}header-catalogLink {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogTitle {% ENDIF %}{% IF catalog_full.LEVEL >= 2 %}header-subcatalogLink {% ENDIF %}{% IF catalog_full.CURRENT %} active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url">
							 {catalog_full.NAME}
							 {% IF catalog_full.ISSET_VISIBLE_SUB && catalog_full.LEVEL = 0 %}<span class="header-arrow header-catalogArrow fal fa-angle-down {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}
							 {% IF catalog_full.ISSET_VISIBLE_SUB && catalog_full.LEVEL != 0 %}<span class="header-arrow header-secondArrow fal fa-caret-right {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}
							 </a>
					 {% IF catalog_full.ISSET_SUB=0 %}
					 </li>
					 {% ENDIF %}

замените на:
				 <li class="header-catalogMenuTitle">
					 <a href="/catalog">Каталог</a>
					 <button class="header-closeBtn"><i class="fal fa-times"></i></button>
				 </li>
				 {% IFNOT catalog_full_empty %}
					 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}
						 {% IFNOT catalog_full.LEVEL = 0 %}
						 <ul class="sub{% IF catalog_full.LEVEL = 1 %} header-subcatalog{% ENDIF %}{% IF catalog_full.LEVEL = 2 %} header-subcatalog-third{% ENDIF %}{% IF catalog_full.LEVEL > 3 %} hide{% ENDIF %}">
						 {% ENDIF %}
					 {% ENDIF %}
					 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.LEVEL = 0 %}header-catalogItem {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogCol {% ENDIF %}{% IF catalog_full.LEVEL = 2 %}header-subcatalogItem {% ENDIF %}{% IF catalog_full.ISSET_VISIBLE_SUB %} parent{% ENDIF %}{% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
							 <a href="{catalog_full.URL}" class="{% IF catalog_full.LEVEL = 0 %}header-catalogLink {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogTitle {% ENDIF %}{% IF catalog_full.LEVEL >= 2 %}header-subcatalogLink {% ENDIF %}{% IF catalog_full.CURRENT %} active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url">
{% IF catalog_full.LEVEL = 1 %}<img src="{catalog_full.IMAGE_ICON}" alt="{catalog_full.NAME}" />{% ENDIF %}
							 {catalog_full.NAME}
							 {% IF catalog_full.ISSET_VISIBLE_SUB && catalog_full.LEVEL = 0 %}<span class="header-arrow header-catalogArrow fal fa-angle-down {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}
							 {% IF catalog_full.ISSET_VISIBLE_SUB && catalog_full.LEVEL != 0 %}<span class="header-arrow header-secondArrow fal fa-caret-right {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}
							 </a>
					 {% IF catalog_full.ISSET_SUB=0 %}
					 </li>
					 {% ENDIF %}

далее зайдите в main.css - найдите:
.header-subcatalogTitle {display: block;margin-bottom: 10px;font-size: 16px;font-family: "Cera Round Pro",Arial,sans-serif;font-weight: 500;line-height: 1.3;color: #2a3034}

замените на:
.header-subcatalogTitle {text-align: center;display: block;margin-bottom: 10px;font-size: 16px;font-family: "Cera Round Pro",Arial,sans-serif;font-weight: 500;line-height: 1.3;color: #2a3034}
.header-subcatalogTitle img {display: block;margin: 0 auto;}

далее найдите:
 .header-subcatalogCol {width: 33.33%;float: left;list-style: none}

замените на:
 .header-subcatalogCol {width: 25%;float: left;list-style: none}

Просмотр сообщенияVaccina (13 Август 2019 - 08:59) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
				 <li class="header-catalogMenuTitle">
					 <a href="/catalog">Каталог</a>
					 <button class="header-closeBtn"><i class="fal fa-times"></i></button>
				 </li>
				 {% IFNOT catalog_full_empty %}
					 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}
						 {% IFNOT catalog_full.LEVEL = 0 %}
						 <ul class="sub{% IF catalog_full.LEVEL = 1 %} header-subcatalog{% ENDIF %}{% IF catalog_full.LEVEL = 2 %} header-subcatalog-third{% ENDIF %}{% IF catalog_full.LEVEL > 3 %} hide{% ENDIF %}">
						 {% ENDIF %}
					 {% ENDIF %}
					 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.LEVEL = 0 %}header-catalogItem {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogCol {% ENDIF %}{% IF catalog_full.LEVEL = 2 %}header-subcatalogItem {% ENDIF %}{% IF catalog_full.ISSET_VISIBLE_SUB %} parent{% ENDIF %}{% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
							 <a href="{catalog_full.URL}" class="{% IF catalog_full.LEVEL = 0 %}header-catalogLink {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogTitle {% ENDIF %}{% IF catalog_full.LEVEL >= 2 %}header-subcatalogLink {% ENDIF %}{% IF catalog_full.CURRENT %} active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url">
							 {catalog_full.NAME}
							 {% IF catalog_full.ISSET_VISIBLE_SUB && catalog_full.LEVEL = 0 %}<span class="header-arrow header-catalogArrow fal fa-angle-down {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}
							 {% IF catalog_full.ISSET_VISIBLE_SUB && catalog_full.LEVEL != 0 %}<span class="header-arrow header-secondArrow fal fa-caret-right {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}
							 </a>
					 {% IF catalog_full.ISSET_SUB=0 %}
					 </li>
					 {% ENDIF %}

замените на:
				 <li class="header-catalogMenuTitle">
					 <a href="/catalog">Каталог</a>
					 <button class="header-closeBtn"><i class="fal fa-times"></i></button>
				 </li>
				 {% IFNOT catalog_full_empty %}
					 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}
						 {% IFNOT catalog_full.LEVEL = 0 %}
						 <ul class="sub{% IF catalog_full.LEVEL = 1 %} header-subcatalog{% ENDIF %}{% IF catalog_full.LEVEL = 2 %} header-subcatalog-third{% ENDIF %}{% IF catalog_full.LEVEL > 3 %} hide{% ENDIF %}">
						 {% ENDIF %}
					 {% ENDIF %}
					 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.LEVEL = 0 %}header-catalogItem {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogCol {% ENDIF %}{% IF catalog_full.LEVEL = 2 %}header-subcatalogItem {% ENDIF %}{% IF catalog_full.ISSET_VISIBLE_SUB %} parent{% ENDIF %}{% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
							 <a href="{catalog_full.URL}" class="{% IF catalog_full.LEVEL = 0 %}header-catalogLink {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogTitle {% ENDIF %}{% IF catalog_full.LEVEL >= 2 %}header-subcatalogLink {% ENDIF %}{% IF catalog_full.CURRENT %} active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url">
{% IF catalog_full.LEVEL = 1 %}<img src="{catalog_full.IMAGE_ICON}" alt="{catalog_full.NAME}" />{% ENDIF %}
							 {catalog_full.NAME}
							 {% IF catalog_full.ISSET_VISIBLE_SUB && catalog_full.LEVEL = 0 %}<span class="header-arrow header-catalogArrow fal fa-angle-down {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}
							 {% IF catalog_full.ISSET_VISIBLE_SUB && catalog_full.LEVEL != 0 %}<span class="header-arrow header-secondArrow fal fa-caret-right {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}
							 </a>
					 {% IF catalog_full.ISSET_SUB=0 %}
					 </li>
					 {% ENDIF %}

далее зайдите в main.css - найдите:
.header-subcatalogTitle {display: block;margin-bottom: 10px;font-size: 16px;font-family: "Cera Round Pro",Arial,sans-serif;font-weight: 500;line-height: 1.3;color: #2a3034}

замените на:
.header-subcatalogTitle {text-align: center;display: block;margin-bottom: 10px;font-size: 16px;font-family: "Cera Round Pro",Arial,sans-serif;font-weight: 500;line-height: 1.3;color: #2a3034}
.header-subcatalogTitle img {display: block;margin: 0 auto;}

далее найдите:
 .header-subcatalogCol {width: 33.33%;float: left;list-style: none}

замените на:
 .header-subcatalogCol {width: 25%;float: left;list-style: none}

На компе работает отлично, даже 5 столбцов смотрятся хорошо.
А вот в мобильной версии всё в один столбец (скрин прилагается), а места хватит для 2-3 столбцов.
Как это сделать?

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

  • Screenshot_2019-08-13-09-31-01-001_com.opera.browser.png

#26 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 17 Август 2019 - 09:44

Так как же сделать в мобильной версии несколько столбцов?

#27 Никита Панин

Никита Панин

    Пользователь

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

Отправлено 17 Август 2019 - 20:04

Добрый вечер! Перейдите в раздел Сайт - Редактор шаблонов - в шаблон main.css добавьте (в самый конец):
@media all and (max-width: 641px) {
.categories .item {
width: 150px;}}

#28 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 18 Август 2019 - 08:47

Просмотр сообщенияНикита Панин (17 Август 2019 - 20:04) писал:

Добрый вечер! Перейдите в раздел Сайт - Редактор шаблонов - в шаблон main.css добавьте (в самый конец):
@media all and (max-width: 641px) {
.categories .item {
width: 150px;}}
Что-то совсем не помогло.

#29 metry

metry

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

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

Отправлено 18 Август 2019 - 19:08

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и в самый конец кода вставьте:
@media all and (max-width: 481px) {
  .categories .item {width: 135px;}
  .categories .item .cat-image {border-bottom: 0;margin: 0 10px 10px;line-height: 100px;}
}

#30 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 19 Август 2019 - 09:10

Просмотр сообщенияmetry (18 Август 2019 - 19:08) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и в самый конец кода вставьте:
@media all and (max-width: 481px) {
.categories .item {width: 135px;}
.categories .item .cat-image {border-bottom: 0;margin: 0 10px 10px;line-height: 100px;}
}
Не, всё также не работает.

Давайте ещё раз обговорим что именно мне нужно сделать. Мне кажется меня недопоняли...

В выпадающем меню есть выбор категорий товаров, где, например, есть категория "Производители". И в этой категории есть подкатегории с разными производителями.
Так вот, в мобильной версии весь список в подкатегориях идёт одним столбцом, как на скрине, а это мне не нужно.
Желательно впихнуть хотя бы пару-тройку столбцов, а там как пойдёт.

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

  • скрин.jpg

#31 MikDark

MikDark

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

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

Отправлено 20 Август 2019 - 11:54

Просмотр сообщенияlike.hornet.6 (19 Август 2019 - 09:10) писал:

Не, всё также не работает.

Давайте ещё раз обговорим что именно мне нужно сделать. Мне кажется меня недопоняли...

В выпадающем меню есть выбор категорий товаров, где, например, есть категория "Производители". И в этой категории есть подкатегории с разными производителями.
Так вот, в мобильной версии весь список в подкатегориях идёт одним столбцом, как на скрине, а это мне не нужно.
Желательно впихнуть хотя бы пару-тройку столбцов, а там как пойдёт.

Здравствуйте. Правки Вам произвели

#32 Василий Кашпуренко

Василий Кашпуренко

    Пользователь

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

Отправлено 20 Август 2019 - 20:38

Просмотр сообщенияMikDark (20 Август 2019 - 11:54) писал:

Здравствуйте. Правки Вам произвели
Здравствуйте, реализуйте и мне данное горизонтальное положение иконок)

#33 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 21 Август 2019 - 12:11

Просмотр сообщенияMikDark (20 Август 2019 - 11:54) писал:

Здравствуйте. Правки Вам произвели
Два столбца есть, иконки подкатегорий отображаются, но на скрине видно, что основные категории сдвинулись, пытаясь заполнить место рядом с подкатегорией.

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

  • crhby.jpg

#34 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 23 Август 2019 - 16:30

Ну блин, третий день а вопрос так и не решён.
Кто-нибудь мне поможет?

#35 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 25 Август 2019 - 14:20

Я так понимаю, проблема с закрытием таблицы.
Таблица подкатегорий не закрывается и начинается таблица категорий, поэтому они не с новой ячейки начинаются, а сдвигаются и продолжают подкатегории.
Поскольку эта проблема касается таблиц и условий "иф эндиф", Я не могу вкурить как это поменять, так как у меня мозгов на такие вещи не хватает.

#36 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 25 Август 2019 - 16:03

И ещё косяк, только сейчас заметил.
Когда раскрыта категория, например "Производители", и хочешь зайти в подкатегорию, то есть перейти на страницу определённого производителя, осуществляется переход в другую категорию, в моём случае "Для напитков", то есть область раскрытой категории занимает ссылка на совсем другую категорию.

#37 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 26 Август 2019 - 16:03

Просмотр сообщенияMikDark (20 Август 2019 - 11:54) писал:

Здравствуйте. Правки Вам произвели
Правки к правкам кто-нибудь сделает?

#38 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

Отправлено 04 Сентябрь 2019 - 09:07

Просмотр сообщенияmetry (18 Август 2019 - 19:08) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и в самый конец кода вставьте:
@media all and (max-width: 481px) {
.categories .item {width: 135px;}
.categories .item .cat-image {border-bottom: 0;margin: 0 10px 10px;line-height: 100px;}
}
Может Вы  мне поможете?
Категории в мобильной версии совсем некорректно работают, нажимаешь на одно, а переходит совсем на другое.
Третью неделю решается данная проблема!

#39 Vaccina

Vaccina

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

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

Отправлено 17 Сентябрь 2019 - 06:12

Здравствуйте.

Уточните пожалуйста, вопрос еще актуален? Сейчас у вас следующее отображение:
Скриншот сделанный 2019-09-17 в 10.11.52.png

#40 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 186 сообщений
  • ГородРостов-на-Дону

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

Просмотр сообщенияVaccina (17 Сентябрь 2019 - 06:12) писал:

Здравствуйте.

Уточните пожалуйста, вопрос еще актуален? Сейчас у вас следующее отображение:
Прикрепленный файл Скриншот сделанный 2019-09-17 в 10.11.52.png
У меня всё также коряво. Может с тремя столбцами всё верно отображается, но на чём только Я не пробовал - везде два столбца и сдвиг, корявая работа.

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

  • Screenshot_2019-09-21-13-58-38-388_com.opera.browser.png
  • Screenshot_2019-09-21-13-58-43-769_com.opera.browser.png

Обратно в Изменение общей стилистики


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

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

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