2015-06-05 2 views
0

Я пытаюсь добавить ссылку на весь мой слайд на magento (а не только кнопку «читать дальше», мне было интересно, сможет ли кто-нибудь показать мне правильный способ сделать это - я попробовал обернуть весь div в статическом блоке slider_1 в теге link, но это не сработало и, кажется, сломало текст слайдера и кнопку. Мне не нужна кнопка, если изображение связано.Magento Slider Ссылка

Вот мой код в статическом блоке slider_1 (посмотреть на слайд 3) это где я добавил ссылку тег.

<div class="clear">&nbsp;</div> 
<script type="text/javascript" src="{{skin url='js/camera.js'}}">// <! [CDATA[ 

// ]]></script> 
<script type="text/javascript">// <![CDATA[ 
jQuery(function(){ 
      jQuery('#camera_wrap').camera({ 
       alignmen: 'topCenter', 
       height: '31.21%', 
       minHeight: '100px', 
       loader : false, 
       navigation: true, 
       fx: 'simpleFade', 
       navigationHover:false,  
       thumbnails: false, 
       playPause: false, 
       pagination:false, 
      }); 
     }); 
// ]]></script> 
<div class="fluid_container_wrap"> 
<div class="fluid_container"> 
<div id="camera_wrap" class="camera_wrap camera_orange_skin"> 
<div data-src="{{skin url='images/camera/slides/vineyard1.jpg'}}"> 
<div data-src="{{skin url='images/camera/slides/big-m.png'}}"> 
<div class="camera_caption fadeFromLeft"> 
<div class="lof_camera_title"></div> 
<div class="lof_camera_title1"></div> 
<a class="camera-link" href="{{store url=''}}women-8"></a></div> 
</div> 
</div> 
<div data-src="{{skin url='images/camera/slides/collection-bg.jpg'}}"> 
<div class="camera_caption fadeFromLeft"> 
<div class="lof_camera_title">MEN'S &amp;amp <br /> WOMEN'S</div> 
<div class="lof_camera_title1">New Fall Season 2015</div> 
<a class="camera-link" href="{{store url=''}}women-8">View Collection</a></div> 
</div> 
<a href="#"><div data-src="{{skin url='images/camera/slides/six-bg.jpg'}}"> 
<div class="camera_caption fadeFromLeft"> 
<div class="lof_camera_title">MEN'S &amp;amp <br /> WOMEN'S</div> 
<div class="lof_camera_title1">New Fall Season 2015</div> 
<a class="camera-link" href="{{store url=''}}women-8">View Collection</a></div> 
</div></a> 
<div data-src="{{skin url='images/camera/slides/buy-five-bg.jpg'}}"> 
<div class="camera_caption fadeFromLeft"> 
<div class="lof_camera_title">MEN'S &amp;amp <br /> WOMEN'S</div> 
<div class="lof_camera_title1">New Fall Season 2015</div> 
<a class="camera-link" href="{{store url=''}}women-8">View Collection</a></div> 
</div> 
<div data-src="{{skin url='images/camera/slides/brut-bg.jpg'}}"> 
<div class="camera_caption fadeFromLeft"> 
<div class="lof_camera_title lof_white">Get ready <br /> for summer!</div> 
<div class="lof_camera_title1">Save in style</div> 
<a class="camera-link" href="{{store url=''}}women-8">View Collection</a></div> 
</div> 
<div data-src="{{skin url='images/camera/slides/mille-bg.jpg'}}"> 
<div class="camera_caption fadeFromLeft"> 
<div class="lof_camera_title">MEN'S &amp;amp <br /> WOMEN'S</div> 
<div class="lof_camera_title1">New Fall Season 2015</div> 
<a class="camera-link" href="{{store url=''}}women-8">View Collection</a></div> 
</div> 
<div data-src="{{skin url='images/camera/slides/grande-bg.jpg'}}"> 
<div class="camera_caption fadeFromLeft"> 
<div class="lof_camera_title">MEN'S &amp;amp <br /> WOMEN'S</div> 
<div class="lof_camera_title1">New Fall Season 2015</div> 
<a class="camera-link" href="{{store url=''}}women-8">View Collection</a></div> 
</div> 
<div data-src="{{skin url='images/camera/slides/classm-bg.jpg'}}"> 
<div class="camera_caption fadeFromLeft"> 
<div class="lof_camera_title">BUY <br />2 ITEMS</div> 
<div class="lof_camera_title1">Get one for free</div> 
<a class="camera-link" href="{{store url=''}}accessories">View Collection</a></div> 
</div> 
</div> 
</div> 
</div> 
<div class="clear">&nbsp;</div> 

Я попытался оборачивать все в ссылке, а также просто изображение в ссылку, но безрезультатно.

Любая помощь будет наиболее ценится

ответ

0

Я понял это out.By добавив

data-link="{{store url=collection}}" 

к дивы изображения. Он правильно связан так: Это плагин JQuery под названием «камера»

<div class="fluid_container_wrap"> 
<div class="fluid_container"> 
<div id="camera_wrap" class="camera_wrap camera_orange_skin"> 
<div data-link="{{store url=collection}}" data-src="{{skin url='images/camera/slides/vineyard1.jpg'}}"> 
<div data-link="{{store url=collection}}" data-src="{{skin url='images/camera/slides/big-m.png'}}"> 
<div class="camera_caption fadeFromLeft"> 
<div class="lof_camera_title"></div> 
<div class="lof_camera_title1"></div> 
<a class="camera-link" href="{{store url=''}}women-8"></a></div> 
</div> 
</div> 
Смежные вопросы