Magento滑块链接

我一直试图在magento上添加一个链接到我的整个幻灯片(不仅仅是"阅读更多"按钮，我想知道是否有人能告诉我正确的方法来做到这一点-我已经尝试在slider_1静态块中包装整个div在一个链接标签，但这没有工作，似乎打破滑块文本和按钮。我不需要按钮，如果图像是链接。

这是我在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>

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

任何帮助都将是最感激的

我明白了。通过添加

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>

相关内容

最新更新

热门标签：