如何將Bootstrap旋轉木馬添加到Magento頁面？

Question

我在我的Magento網站的主頁上創建了Boostrap輪播。儘管我在旋轉木馬控件方面遇到了問題。

當我將它們輸入到Magento主頁的HTML編輯器中時，控件消失。

這是我進入內容的HTML編輯器：

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
    <!-- Indicators --> 
    <ol class="carousel-indicators"> 
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 
    <li data-target="#carousel-example-generic" data-slide-to="1"></li> 
    <li data-target="#carousel-example-generic" data-slide-to="2"></li> 
    </ol> 

    <!-- Wrapper for slides --> 
    <div class="carousel-inner"> 
    <div class="item active"><img src="{{skin url='images/slider/2.jpg'}}" alt="" /></div> 
    <div class="item"><img src={{skin url='images/slider/3.jpg'}} alt="" /></div> 
    <div class="item"><img src={{skin url='images/slider/4.jpg'}} alt="" /></div> 
    </div> 

    <!-- Controls --> 
    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> 
    <span class="glyphicon glyphicon-chevron-left"></span> 
    </a> 
    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right"></span> 
    </a> 
</div> 

這是它保存爲：

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"><!-- Indicators --><ol class="carousel-indicators"> 
<li class="active" data-target="#carousel-example-generic" data-slide-to="0"></li> 
<li data-target="#carousel-example-generic" data-slide-to="1"></li> 
<li data-target="#carousel-example-generic" data-slide-to="2"></li> 
</ol><!-- Wrapper for slides --> 
<div class="carousel-inner"> 
<div class="item active"><img src="..." alt="" /></div> 
<div class="item"><img src="..." alt="" /></div> 
<div class="item"><img src="..." alt="" /></div> 
</div> 
<!-- Controls --></div> 

我已經採取了實像SRC的 - 但那些得到轉換正確並在我的網站上顯示旋轉木馬內的圖像。但是，正如你所看到的，這些控件會消失。

有沒有辦法解決這個問題？或者其他任何東西我可以添加以保持控件在那裏？

Answer 1

我覺得你在'show editor'和'hide editor'之間存在問題。

如果您正在粘貼HTML，請確保編輯器爲隱藏。

如果將代碼粘貼到隱藏的編輯器中，然後顯示編輯器，然後切換回隱藏狀態，則可以看到編輯器更改您的代碼。你會看到你的控件消失了。

隱藏編輯器，粘貼HTML，保存頁面，並隱藏'編輯器隱藏'。

這是因爲「顯示/隱藏」的真正含義「的文本編輯和所見即所得的HTML編輯之間開關，適用於一些HTML過濾，以儘可能嘗試在兩種模式之間交換糾正錯誤」。

任何在WordPress中使用過視覺與文字編輯器的人都會熟悉這個問題。 WordPress和Magento都使用TinyMCE編輯器（一個出色的編輯器，HTML WYSIWYG不易編碼，但我也不認爲任何應用程序都使用最新版本）。

我懷疑過濾發生，因爲您的錨標記中沒有數據。