Jump to content

Как сделать баннеры в категориях кликабельными?


Recommended Posts

сабж, simpla 1.4
баннеры что в категориях
Как сделать на баннере несколько зон для ссылок, чтобы при нажатии в разных местах, ссылки вели на другие категории?

Link to post
Share on other sites

спасибо добре
код ведь вставляется в products?
но баннеры ведь разные, не одупляю как сделать, чтобы на каждом из-них можно было проставить разные зоны для ссылок
??

Link to post
Share on other sites

Не слушайте не одного не другого. тег карты юзал на заре милениума или около того, флеш вообще ф топку. Лучше загляните в product.tpl там есть нужное вам решение)
Подсказка 2: ищите в скриптах.

Link to post
Share on other sites

у вас на фото были элементы, один вверху один внизу и так по очередно. в дефолтной теме шаблона есть кусок js кода, который задавал каждому второму элементу списка доп класс. т.е. можно вывод сделать чего вам нужно и расфосовать их при помощи ксс вверх и вниз =\

Link to post
Share on other sites
  • 4 weeks later...

кто-то делал кликабельным баннер в симпле?
чтобы например можно сделать было 4 зоны для клика как на первом скрине в этой теме?

Link to post
Share on other sites

<style> .banner{	display:block;	background: url(banner.png);	position:relative;	width:700px;	height:400px;	overflow:hidden; } .link1,.link2{	display:block;	position:absolute;	overflow:hidden; } .link1{	width:50px;	height:50px;	top:50px;	left:50px; } .link2{	width:70px;	height:70px;	top:20px;	left:150px; }</style><div class="banner">	<a class="link1" href="#"></a>	<a class="link2" href="#"></a></div>
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
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.

Loading...
×
×
  • Create New...