'Owl Carousel'で動作しないhtmlリンク

Question

私のMagento EコマースウェブサイトのホームページにあるスライドカルーセルにOwl Carouselを使用しようとしています。

ただし、スライドをラップしたリンクは機能していないか、クリック可能ですらありません。別の質問で

、ポスターはこれを固定し、言った：

は、私はついにそれを考え出しました！ 私は上にあってリンクをブロックしていたdivを持っていました。 私はちょうどそのdivのZ-インデックスを変更して、リンクが機能しています。

しかし、私は彼が何をしたのか分かりません。誰でも私に助けてくれますか？ スライダーの一部1：2である

<div style="padding:29px 0 36px;background-color:#f4f4f4;"> 
<div class="container"> 
<div class="slider-with-side"> 
<div class="slider-area"> 
<div id="banner-slider-demo-8" class="owl-carousel owl-theme owl-bottom-narrow owl-banner-carousel"> 
<div class="item"> 
<a href="{{config path="web/unsecure/base_url"}}index.php/peripheriques/stockage.html"><img src="{{media url="wysiwyg/porto/homepage/slider/08/slide2.jpg"}}" alt="" /></a> 
<div class="content" style="position:absolute;width:100%;height:100%;left:0;top:0;"> 
<div class="ribbon" style="position:absolute;text-align:right;"> 
<em style="font-weight:300;line-height:1;color:#fff;font-style:normal;">Vos Données En</em> 
<h3 style="font-weight:700;line-height:1;color:#fff;">lieux</h3> 
<h5 style="font-weight:600;line-height:1;color:#fff;">Sûr!</h5> 
</div> 
<div class="text-area" style="left:3%;bottom:15%;position:absolute;text-align:left;"> 
<h2 style="font-weight:600;line-height:1;color:#fff;background-color:#202020;background-color:rgba(23,23,23,.9);">SOLUTIONS <b style="font-weight:800;">DE STOCKAGE</b></h2><br/> 
<p style="line-height:1.2;color:#fff;background-color:#444;background-color:rgba(23,23,23,.75);">Une offre vaste et polyvalente pour <b>STOCKEZ, <br/>PROTÉGEZ ET GÉREZ </b>efficacement vos données</p> 
</div>    
</div>      
</div> 

部：

<div class="side-area"> 
<div class="item1"> 
<a href="{{config path="web/unsecure/base_url"}}index.php/consommables.html"><img src="{{media url="wysiwyg/porto/homepage/slider/08/right-banner1.jpg"}}" alt="" /></a> 
<div class="content"> 
<em style="color:#fff;font-weight:400;font-style:italic;line-height:1;">Consommables</em> 
<h2 style="color:#fff;font-weight:700;line-height:1;">& Fournitures</h2> 
</div> 
</div> 

スライダーレイアウトは左に一つの大きな画像、右側に3つの小さなものを有しています。すべてが<a hrefタグを持っており、すべてクリックできません。私がページソースを見ると、そこにリンクがあります！

Answer 1

これは、このページにアクセスする他のユーザーにどの程度役立つのか分かりませんが、私は同じ問題を抱えていましたが、私がオンラインで読むソリューションはありませんでした。この問題をどのように解決したのか、あなたのための問題の原因が異なるものであっても、

まず、私がフクロウカルーセルでセクションを分離して、それがページ上の唯一のものだったときにそれが機能しているかどうかを確認しました。その後、ヘッダーとフッターを追加して、もう一度テストしました（まだ動作しています）。その後、カルーセルのリンクが機能しなくなるまで各セクションを追加しました。問題の原因となっているセクションが分かったら、異常なものを見つけることができるかどうか確認するために、私は気をつけました。この場合、省略することにしたライトボックスの機能を意図した少しのスクラップがありました。それが取り除かれると、すべてうまくいった。