Question

如何在Prestashop的右下角设置滑块，如图片？此滑块包含不同的图片。单击图像时，相关信息将显示在右上角。

Answer 1

很简单，您需要构建自定义模块。请参考prestashop.com文档，了解如何构建自定义模块。

在该模块上挂钩主题文件yourmodulefile.tpl at FOOTER

然后制作一个包裹Div，设置一个类＆＃34; footer_slide_wrap＆＃34;

在您的模块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文件中注册一个自定义钩子，例如：＆＃34; footerslider＆＃34;然后将钩子添加到fooeter.tpl文件中，该文件位于＆＃34; themes / yourthemes / footer.tpl＆＃34;通过放置此代码{hook h =＆＃34; fooerslider＆＃34;}

Answer 3

基本上，您应该创建具有钩子的小模块。 Prestashop有许多与你的布局相关的钩子，但如果它们不适合你，你可以创建自己的钩子。

如果要调用自定义挂钩，只需将此代码放在要显示的位置即可。

 {hook h="displayYourHookName"}

您需要在自定义模块的install（）函数中安装自定义挂钩。

// 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将自动调用。

我希望这会有所帮助，欢呼：）

Prestashop滑块

3 个答案: