Magento 滑块 Link

Question

我一直在尝试将 link 添加到我在 magento 上的整个幻灯片（不仅仅是 "read more" 按钮，我想知道是否有人可以告诉我正确的方法 - 我已尝试将整个 div 包装在 slider_1 静态块中的 link 标记中，但这没有用，并且似乎破坏了滑块文本和按钮。如果图像，我不需要按钮正在 linking。

这是我在 slider_1 静态块中的代码（查看幻灯片 3）这是我添加 link 标签的地方。

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

我试过将所有内容都包装在 link 中，也只是将图像包装在 link 中，但无济于事。

任何帮助将不胜感激

Answer 1

我想出来了 out.By 添加

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

到图片 div。它像这样正确链接：这是一个名为 "camera"

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

Magento 滑块 Link

Magento Slider Link

html

jquery

slider

hyperlink

magento