Prestashop滑塊

Question

如何在Prestashop的右下角設置滑塊，如圖片？這個滑塊由不同的圖片組成。點擊圖片時，相關信息會顯示在右上角。

Answer 1

簡單你需要建立一個自定義模塊。請參閱prestashop.com文檔，瞭解如何構建自定義模塊。

在該模塊在頁腳掛鉤主題文件yourmodulefile.tpl

然後進行包裝事業部，設置一個類「footer_slide_wrap」

在你的模塊CSS標記該類作爲波紋管

.footer_slide_wrap{ 
display :fixed; 
bottom : 0; 
right :0; 
width : 30px; 
height:auto; 
} 

現在，您的DIV類footer_slide_wrap將放置在該地點。 現在插入一個UL，並把你的所有按鈕在這個UL下李。

您可以使div .footer_slide_wrap鼠標滑過。爲此，您需要使用類.opener創建默認div，並使隱藏包裝。

需要創建一個javascript函數來隱藏/顯示鼠標懸停的DIV。

Answer 2

您需要在滑塊模塊的php文件中註冊一個自定義鉤子，例如：「footerslider」，然後通過放置此代碼將鉤子添加到位於「themes/yourthemes/footer.tpl」的fooeter.tpl文件{hook h =「fooerslider」}

Answer 3

基本上，你應該創建一個具有鉤子的小模塊。 Prestashop有許多與您的佈局有關的鉤子，但如果它們不適合您，您可以創建自己的鉤子。

如果您想調用您的自定義掛鉤，只需將此代碼放在要顯示的位置。

{hook h="displayYourHookName"} 

您需要安裝您的自定義鉤在你的自定義模塊的安裝的（）函數。

// use this code in your install() function 
$this->registerHook('displayYourHookName'); 

// your custom hook 
public function hookDisplayYourHookName() 
{ 
    // code ... 
    // your html template that you want to show 
    return $this->display(__FILE__, 'yourTemplate.tpl'); 
} 

如果您使用的默認掛鉤的Prestashop會自動調用。

我希望這會幫助，歡呼:)