大卡特爾 - 幻燈片問題

首先一個鏈接到我的網站：http://johnathonpowers.bigcartel.com/大卡特爾 - 幻燈片問題

我一直在用幻燈片打轉轉，並能夠將其從主頁遷移到自定義頁面。最初將它放在測試頁面上，但認爲這是導致頁腳問題的原因（因爲頁腳中可能包含太多項目），並且它暫時位於「關於」頁面上。

所以我搬到這個：

{% if theme.image_sets.slideshow.size > 0 %} 
<div class="flexslider"> 
<ul class="slides"> 
    {% for image in theme.image_sets.slideshow %} 
    <li><img src="{{ image.url }}"></li> 
    {% endfor %} 
</ul> 
</div> 
{% endif %}

...從我的主頁，我對我的網頁。當這樣做時，箭頭不再可見。我嘗試了一些應該使它們始終顯示的代碼，但仍然沒有運氣。

這就是我在CSS頁面末尾添加的內容。雖然沒有幫助。

.flex-direction-nav li a { 
opacity: 1; 
}

我也有可能在我的產品頁面中有這個幻燈片？或者在整個網站上有多個幻燈片？

我知道我可能會相當先進，但我的最終目標是產品圖像的幻燈片替代產品圖像的「列表」。在添加產品圖片時，它會將它們引入產品頁面右側的一列，我認爲各種幻燈片顯示效果可能更好。

這裏是一個例子的頁面...（看看圖像是如何一個接一個的）。我不能發佈兩個以上的鏈接。請查看「不眠磚」而不是框架頁面。

我實際上是想弄清楚一種方法來獲取圖像，然後點擊下面的小圖像（如在服裝網站或其他東西），您可以點擊來更改圖像。縮放函數也是我正在閱讀的有關通過稱爲jquery添加的東西？

最後，我想做到這一點對我的產品頁（縮略圖大圖像下方）： http://www.elevateweb.co.uk/image-zoom

對不起這個職位去所有的地方。感謝您爲我的產品圖片和幻燈片提供解決方案。

來源

2014-04-23 eertelppa

沒有人會幫助你，如果你不發佈任何代碼 – Yuval

尤瓦; 感謝您的建議。更新我的文章以反映並希望這兩部分問題現在更有意義（一個關於幻燈片和其他替代產品圖像）。 – eertelppa

您可以通過添加強制這些箭頭出現一個自定義頁面上的以下自定義設計>高級> CSS，在底部：

#page_body .flex-direction-nav a { 
    display: block; 
}

而且紅月主題使用Flexslider的幻燈片代碼，你不應該將商品添加到商店頁面或商店中的其他內置頁面沒有任何問題。 Flexslider也支持多種幻燈片，因此您可能想要查看他們的文檔https://github.com/woothemes/FlexSlider以獲取有關如何執行此操作的信息。

對於圖像縮放劇本，我已經回答了，這裏的一個問題：https://stackoverflow.com/a/22665701/2445073

來源

2014-04-23 18:09:17

對不起，我從來沒有迴應尼克。感謝您花時間幫助並回答這個問題。 – eertelppa

大卡特爾 - 幻燈片問題

回答

相關問題