Magento 滑块链接答案

【问题标题】：Magento Slider LinkMagento 滑块链接
【发布时间】：2015-06-05 09:03:45
【问题描述】：

我一直在尝试在 magento 上添加指向我的整个幻灯片的链接（不仅仅是“阅读更多”按钮，我想知道是否有人可以告诉我正确的方法 - 我已经尝试将整个 div 包装在链接标签中的slider_1静态块，但这不起作用，似乎破坏了滑块文本和按钮。如果图像正在链接，我不需要按钮。

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

我尝试将所有内容都包含在链接中，也只是将图像包含在链接中，但无济于事。

任何帮助将不胜感激

【问题讨论】：

标签： jquery html magento hyperlink slider

【解决方案1】：

我想通了。通过添加

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

到图像 div。它像这样正确链接：这是一个名为“相机”的 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>

【讨论】：