Вопрос по структуре битрикса, не сложный надеюсь.

Zopazka

7 февраля 2020, 14:59

378

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

Есть сайт https://steklodel-spb.ru/

У него есть раздел https://steklodel-spb.ru/catalog/peregorodki/

он красиво сделан. нужно оформить другие в таком же виде. Суть вопроса — автоматически ли как то было сгенерировано формирование кода для этой страницы или нет? То есть как то копировать и заменять div на товары или же это было сделано как то не через код все таки? такие вот div class=»category-tabs-slide-descr cat-tabs-item-3″ прописаны для каждого товара и категории, не в css же каждый класс для товара в ручную прописывался.. как то генерировалось это? Ниже код и фото структуры. Спасибо заранее! возможно кто то признает модуль или я не знаю чем это было сделано..:confused:

<div class="category-tabs">

	 <!-- Slide -->

	<div class="category-tabs__slide js-category-tabs__slide">

		<div class="category-tabs__slide-wrap cat-tabs">

			<div class="category-tabs-slide-descr cat-tabs-item-1 active">

				<div class="category-tabs-slide-descr__title">

					 Стационарные перегородки

				</div>

				<div class="category-tabs-slide-descr__caption">

					 Раздвижные, Трансформируемые, Стационарные

				</div>

				<div class="category-tabs-slide-descr__price">

					 Цена от 5000 руб/шт

				</div>

				<div class="category-tabs-slide-descr__link">

 <a href="https://searchengines.guru/catalog/mezhkomnatnye_peregorodki_iz_stekla/" class="btn-new btn-more">Подробнее</a>

				</div>

			</div>

			<div class="category-tabs-slide-descr cat-tabs-item-2">

				<div class="category-tabs-slide-descr__title">

					 Стеклянные перегородки

				</div>

				<div class="category-tabs-slide-descr__caption">

					 Стационарные. Раздвижные. Рамные. Безрамные.

				</div>

				<div class="category-tabs-slide-descr__price">

					 Цена от 6500 руб/шт

				</div>

				<div class="category-tabs-slide-descr__link">

 <a href="https://searchengines.guru/catalog/ofisnye_peregorodki_iz_stekla/" class="btn-new btn-more">Подробнее</a>

				</div>

			</div>

			<div class="category-tabs-slide-descr cat-tabs-item-3">

				<div class="category-tabs-slide-descr__title">

					 Перегородки межкомнатные декоративные

				</div>

				<div class="category-tabs-slide-descr__caption">

					 По светопроницаемости. По степени мобильности. По методу открывания.

				</div>

				<div class="category-tabs-slide-descr__price">

					 Цена от 7500 руб/шт

				</div>

				<div class="category-tabs-slide-descr__link">

 <a href="https://searchengines.guru/catalog/mezhkomnatnye_peregorodki_iz_stekla/" class="btn-new btn-more">Подробнее</a>

				</div>

			</div>

			<div class="category-tabs-slide-descr cat-tabs-item-4">

				<div class="category-tabs-slide-descr__title">

					 Стеклянные раздвижные перегородки

				</div>

				<div class="category-tabs-slide-descr__caption">

					 Мобильность, универсальность, высокая светопропускная способность, бесшумная эксплуатация.

				</div>

				<div class="category-tabs-slide-descr__price">

					 Цена от 8600 руб/шт

				</div>

				<div class="category-tabs-slide-descr__link">

 <a href="https://searchengines.guru/catalog/razdvizhnye_peregorodki_iz_stekla/" class="btn-new btn-more">Подробнее</a>

				</div>

			</div>

			<div class="category-tabs-slide-descr cat-tabs-item-5">

				<div class="category-tabs-slide-descr__title">

					 Перегородки Лофт

				</div>

				<div class="category-tabs-slide-descr__caption">

					 Мобильность, универсальность, высокая светопропускная способность, бесшумная эксплуатация.

				</div>

				<div class="category-tabs-slide-descr__price">

					 Цена от 8600 руб/шт

				</div>

				<div class="category-tabs-slide-descr__link">

 <a href="https://searchengines.guru/catalog/razdvizhnye_peregorodki_iz_stekla/" class="btn-new btn-more">Подробнее</a>

				</div>

			</div>

			<div class="category-tabs-slide-descr cat-tabs-item-6">

				<div class="category-tabs-slide-descr__title">

					 Офисные перегородки

				</div>

				<div class="category-tabs-slide-descr__caption">

					 Мобильность, универсальность, высокая светопропускная способность, бесшумная эксплуатация.

				</div>

				<div class="category-tabs-slide-descr__price">

					 Цена от 8600 руб/шт

				</div>

				<div class="category-tabs-slide-descr__link">

 <a href="https://searchengines.guru/catalog/ofisnye_peregorodki_iz_stekla/" class="btn-new btn-more">Подробнее</a>

				</div>

			</div>

			<div class="category-tabs-slide-descr cat-tabs-item-7">

				<div class="category-tabs-slide-descr__title">

					 Перегородки для ванной

				</div>

				<div class="category-tabs-slide-descr__caption">

					 Мобильность, универсальность, высокая светопропускная способность, бесшумная эксплуатация.

				</div>

				<div class="category-tabs-slide-descr__price">

					 Цена от 8600 руб/шт

				</div>

				<div class="category-tabs-slide-descr__link">

 <a href="https://searchengines.guru/catalog/peregorodka_dlya_vannoj/" class="btn-new btn-more">Подробнее</a>

				</div>

			</div>

			<div class="category-tabs-slide-descr cat-tabs-item-8">

				<div class="category-tabs-slide-descr__title">

					 Ограждения

				</div>

				<div class="category-tabs-slide-descr__caption">

					 Мобильность, универсальность, высокая светопропускная способность, бесшумная эксплуатация.

				</div>

				<div class="category-tabs-slide-descr__price">

					 Цена от 8600 руб/шт

				</div>

				<div class="category-tabs-slide-descr__link">

 <a href="https://searchengines.guru/catalog/steklyannye_ograzhdeniya_lestnic/" class="btn-new btn-more">Подробнее</a>

				</div>

			</div>

		</div>

	</div>

	 <!-- Controls -->

	<div class="category-tabs__nav category-tabs-nav">

		<div class="category-tabs-nav__item category-tabs-nav__item--active" data-src="https://searchengines.guru/upload/medialibrary/d0f/d0ff5fb4ceb4f0660797cf0715de36fb.jpg" data-value="1" style="background-image: url("https://searchengines.guru/upload/medialibrary/d0f/d0ff5fb4ceb4f0660797cf0715de36fb.jpg");">

			<div class="category-tabs-nav__item-title">

				 Стационарные перегородки

			</div>

		</div>

		<div class="category-tabs-nav__item" data-src="https://searchengines.guru/upload/medialibrary/e14/e14bc82d5cae9e9f79fce843a181b292.jpg" data-value="2" style="background-image: url("https://searchengines.guru/upload/medialibrary/e14/e14bc82d5cae9e9f79fce843a181b292.jpg");">

			<div class="category-tabs-nav__item-title">

				 Стеклянные перегородки

			</div>

		</div>

		<div class="category-tabs-nav__item" data-src="https://searchengines.guru/upload/medialibrary/bec/becca6f2780eb380e5cb567d8308b733.jpg" data-value="3" style="background-image: url("https://searchengines.guru/upload/medialibrary/bec/becca6f2780eb380e5cb567d8308b733.jpg");">

			<div class="category-tabs-nav__item-title">

				 Перегородки межкомнатные декоративные

			</div>

		</div>

		<div class="category-tabs-nav__item" data-src="https://searchengines.guru/upload/medialibrary/79b/79b2b926a6cf43be52d09c8fe1e2833e.jpg" data-value="4" style="background-image: url("https://searchengines.guru/upload/medialibrary/79b/79b2b926a6cf43be52d09c8fe1e2833e.jpg");">

			<div class="category-tabs-nav__item-title">

				 Стеклянные раздвижные перегородки

			</div>

		</div>

		<div class="category-tabs-nav__item" data-src="https://searchengines.guru/upload/medialibrary/0a8/0a8cbc8bdf933591e9ae63ba45bf4d68.jpg" data-value="5" style="background-image: url("https://searchengines.guru/upload/medialibrary/0a8/0a8cbc8bdf933591e9ae63ba45bf4d68.jpg");">

			<div class="category-tabs-nav__item-title">

				 перегородки Лофт

			</div>

		</div>

		<div class="category-tabs-nav__item" data-src="https://searchengines.guru/upload/medialibrary/0aa/0aae37cb0d8c36d417e0fb7e3e10c593.jpg" data-value="6" style="background-image: url("https://searchengines.guru/upload/medialibrary/0aa/0aae37cb0d8c36d417e0fb7e3e10c593.jpg");">

			<div class="category-tabs-nav__item-title">

				 Офисные перегородки

			</div>

		</div>

		<div class="category-tabs-nav__item" data-src="https://searchengines.guru/upload/medialibrary/0b6/0b684f0ae09cdcea2e3eb46d4b53dd95.jpg" data-value="7" style="background-image: url("https://searchengines.guru/upload/medialibrary/0b6/0b684f0ae09cdcea2e3eb46d4b53dd95.jpg");">

			<div class="category-tabs-nav__item-title">

				 Перегородки для ванной

			</div>

		</div>

		<div class="category-tabs-nav__item" data-src="https://searchengines.guru/upload/medialibrary/e61/e61df674ec4e3e43db6ab4527d3608ea.jpg" data-value="8" style="background-image: url("https://searchengines.guru/upload/medialibrary/e61/e61df674ec4e3e43db6ab4527d3608ea.jpg");">

			<div class="category-tabs-nav__item-title">

				 Ограждения

			</div>

		</div>

	</div>

</div>

 <!--<p style="text-align: center;"><img width="400" src="https://searchengines.guru/upload/medialibrary/b39/b39d8aef21dd51c53372def8418446e3.jpg"/> --> <!--<div class="peregor">

	<div class="peregor1" style="height: 250px;">

 <a href="https://searchengines.guru/catalog/mezhkomnatnye_peregorodki_iz_stekla/"><img src="/upload/954_original_4133745.jpg" style="height: 250px;"></a>

		<div class="pertext">

 <a href="https://searchengines.guru/catalog/mezhkomnatnye_peregorodki_iz_stekla/">Межкомнатные перегородки</a>

		</div>

	</div>

	<div class="peregor1" style="height: 250px;">

 <a href="https://searchengines.guru/catalog/ofisnye_peregorodki_iz_stekla/"><img src="/upload/medialibrary/119/119d66129d619a6e1ed688a4a39bf941.jpg" style="height: 250px;"></a>

		<div class="pertext">

 <a href="https://searchengines.guru/catalog/ofisnye_peregorodki_iz_stekla/">Офисные перегородки</a>

		</div>

	</div>

	<div class="peregor1" style="height: 250px;">

 <a href="https://searchengines.guru/catalog/peregorodka_dlya_vannoj/"><img src="/upload/medialibrary/f18/f18aa2ddeb4367528c2773c4e4e606bc.jpg" style="height: 250px;"></a>

		<div class="pertext">

 <a href="https://searchengines.guru/catalog/peregorodka_dlya_vannoj/">Перегородка для ванной</a>

		</div>

	</div>

	<div class="peregor1" style="height: 250px;">

 <a href="https://searchengines.guru/catalog/razdvizhnye_peregorodki_iz_stekla/"><img src="/upload/medialibrary/c00/c009b2ee4215a26f8fce5b84b0cbd4fa.jpg" style="height: 250px;"></a>

		<div class="pertext">

 <a href="https://searchengines.guru/catalog/razdvizhnye_peregorodki_iz_stekla/">Раздвижные перегородки</a>

		</div>

	</div>

</div>-->

и в структуре как то странно ведут себя товары, их как бы нет так где они должны быть, а они лежат непонятно где.. А папки еще и пустые зачастую. На скрине видно. Где то они есть, где то их нет, причем это не связано с тем есть ли она на сайте в этом разделе или нет.. Вообще не понятно это.

Вопрос по структуре битрикса, не сложный надеюсь.

Sitealert

7 февраля 2020, 15:36

Zopazka:
Суть вопроса — автоматически ли как то было сгенерировано формирование кода для этой страницы или нет?

Код страницы формируется скриптом в соответствии с шаблоном.

Zopazka:
Где то они есть, где то их нет, причем это не связано с тем есть ли она на сайте в этом разделе или нет.

Где есть – там есть, где нет – там нет. Конкретнее – надо смотреть на живом сайте.

Aisamiery

7 февраля 2020, 17:33

1. Код генерирует компонент

2. У вас в настройках инфоблока стоит раздельный показ разделов и товаров, по этому когда вы нажимаете на раздел, внутри покажутся только разделы и будет закладка «Товары», при нажатии на неё вы перейдёте на товары этого раздела.

А вообще у битрикса есть курс контент менеджера который проходится за вечер и рассказывает как работать с панелью и интерфейсом «Эрмитаж»

Sitealert

7 февраля 2020, 18:02

Aisamiery:
будет закладка «Товары», при нажатии на неё вы перейдёте на товары этого раздела.

На второй картинке именно это и сделано. Поэтому я ответил именно так, как ответил. 😉

Zopazka

10 февраля 2020, 07:45

Aisamiery:
1. Код генерирует компонент

2. У вас в настройках инфоблока стоит раздельный показ разделов и товаров, по этому когда вы нажимаете на раздел, внутри покажутся только разделы и будет закладка «Товары», при нажатии на неё вы перейдёте на товары этого раздела.

А какой компонент генерирует как понять?

И что такое Эрмитаж?)

———- Добавлено 10.02.2020 в 11:02 ———-

Да вроде с 10-ток cms-ок знаю и умею пользоваться, а этот битрикс ну никак не поддается(

Aisamiery

10 февраля 2020, 09:43

Zopazka:
А какой компонент генерирует как понять?

И что такое Эрмитаж?)

Узнать какой компонент, можно посмотрев вызов этого компонента в php файле, в вашем случае скорее всего /catalog/index.php но там скорее всего комплексный компонент, но опять же в его настройках вы найдете шаблон для списка товаров.

Zopazka:
Да вроде с 10-ток cms-ок знаю и умею пользоваться, а этот битрикс ну никак не поддается(

Просто он чуть сложнее тех 10 cms что вы ранее пользовались.

ivan-lev

10 февраля 2020, 09:57

Zopazka:
их как бы нет так где они должны быть, а они лежат непонятно где.

Посмотрите курсы от Битрикса.. Начните с контент-менеджера..

https://dev.1c-bitrix.ru/learning/course/?COURSE_ID=34

Zopazka

10 февраля 2020, 10:18

Спасибо, всем, будем учиться дальше! =)

———- Добавлено 10.02.2020 в 13:19 ———-

ivan-lev:
Посмотрите курсы от Битрикса.. Начните с контент-менеджера..

https://dev.1c-bitrix.ru/learning/course/?COURSE_ID=34

А после что посоветуете? больше интересует связь инфоблоков и шаблона если можно так сказать…

ivan-lev

10 февраля 2020, 10:29

Zopazka:
А после что посоветуете?

А после и приходите за советом.. ))

Не исключаю, что в процессе изучения все вопросы отпадут..

Похожие записи:

Добавить комментарий Отменить ответ