Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Вывод категорий в виде изображений 2.3 на главной


Recommended Posts

Может кто знает, как вывести категории в виде картинок на главной странице ocstore 2.3?
Отдельный модуль или просто код html/css с вводом вручную ссылок на категории..

Надіслати
Поділитися на інших сайтах


jaffagold, это подкатегории
мне нужно основные категории
похожее есть в этом шаблоне - https://materialize.myefforts.ru/ "Каталог товаров", который находится ниже блока "Новые поступления"

Надіслати
Поділитися на інших сайтах


Пример кода вывода:
 

<section class="section href-underline">
	<h2>Каталог товаров</h2>
	<div class="row">
		<div class="col s12 m12 l5">
			<div class="catalog-presentation center-align z-depth-1 hoverable" style="background-image:url(link.jpg);">
				<a href="//link/"><p class="red white-text z-depth-2">Категория</p></a>
			</div>
		</div>
		<div class="col s12 m7 l4">
			<div class="catalog-presentation center-align z-depth-1 hoverable" style="background-image:url(link.jpg);">
				<a href="//link"><p class="blue white-text z-depth-2">Категория</p></a>
			</div>
		</div>
		<div class="col s12 m5 l3">
			<div class="catalog-presentation center-align z-depth-1 hoverable" style="background-image:url(link.jpg);">
				<a href="//link"><p class="grey white-text z-depth-2">Категория</p></a>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col s12 m5 l3">
			<div class="catalog-presentation center-align z-depth-1 hoverable" style="background-image:url(link.jpg);">
				<a href="//link"><p class="green white-text z-depth-2">Категория</p></a>
			</div>
		</div>
		<div class="col s12 m7 l6">
			<div class="catalog-presentation center-align z-depth-1 hoverable" style="background-image:url(link.jpg);">
				<a href="//link"><p class="blue-grey darken-4 white-text z-depth-2">Категория</p></a>
			</div>
		</div>
		<div class="col s12 m12 l3">
			<div class="catalog-presentation center-align z-depth-1 hoverable" style="background-image:url(link.jpg);">
				<a href="//link"><p class="deep-purple accent-4 white-text z-depth-2">Категория</p></a>
			</div>
		</div>
	</div>
</section>

Нужны стили css..

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.