Jump to content
Sign in to follow this  
anderlasc

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

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

<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..

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.