PrestaShop文档v1.3
基础教程
如何更改您的商店信息
打开PrestaShop管理面板,转到 Preferences > 存储联系人.
首先,您将看到商店的列表 存储联系人 section. 在这里,您可以启用/禁用,添加/删除或编辑每个存储.
存储映射
在商店列表下面有一个 Parameters 部分,您可以在其中编辑有关商店映射的主要设置. 根据您的需要更改它们,然后按“保存”按钮(1).
如何更改店铺名称
In 详细联系方式 块,你可以改变你的商店的主要信息-它的名称(1)和其他联系方式. 编辑后不要忘记按“保存”按钮(2).
要编辑某个特定商店的信息,请选择要编辑的商店 存储联系人 点击“编辑”(1).
在这里,您可以编辑有关您的商店联系人的所有信息(如商店的名称), address, status, picture, 工作时间表等.)
完成后,点击“保存”按钮(1).
如何编辑滑块
首先找到 图片滑块为您的主页 module in 模块列表 of 模块和服务 菜单选项卡的PrestaShop商店(1)(它位于 前厅功能 模块部分). 然后按“Configure”按钮(2)编辑模块.
在接下来出现的屏幕上,你可以设置滑块的主要属性,比如图像的最大宽度, 换片速度, 两个幻灯片之间的延迟和自动播放选项.
修改完成后,按“保存”按钮(1).
要添加新幻灯片,请找到幻灯片列表部分(1)的右上角的“+”按钮,然后单击它.
如果要编辑现有幻灯片,请单击“编辑”按钮(2)。.
进一步的处理很简单. 在“幻灯片信息”部分填写所有必需的字段,然后“保存”(1)它.
如何管理主题配置器模块
本教程将向您展示如何管理prestshop 1上的主题配置器模块.6 template.
该模块处理您的主题上的很多事情. Mainly, 它允许你打开和关闭一些功能(社交分享按钮), top banner, 付款标志, etc.),也许更重要的是,它可以让您轻松地在主页上添加/更改图像.
- 登录到prestshop管理面板,然后转到 模块和服务 (1) -> 模块和服务 (2).
-
然后找到“主题配置器”模块 模块列表 (1). 它会出现在右边的一列. 如果尚未安装,请单击“安装”按钮.
模块安装完成后, “安装”按钮将更改为“配置”按钮(2),您需要单击该按钮以配置设置. -
进入设置配置界面, 你可以看到不同的块,你可以通过点击“是”和“否”按钮打开和关闭(1). 点击“配置”(2),配置特定块的设置:
- 显示链接到您的商店的社会帐户:输入您想要在此块中显示的图标的网址,完成后单击“保存”(1).
- 显示您的联系信息:输入您的公司名称, address, 在相应的栏位输入电话号码和电子邮件,然后点击“保存”(1).
- 在产品页面上显示社交分享按钮:在您的产品页面上显示Facebook, Twitter, Google, Pinterest按钮.
- 在主页上显示Facebook块:显示“在Facebook上关注我们”块.
- 显示自定义CMS信息块:允许您为网站的每种语言添加一个或多个信息块. 在配置页面上,单击右上方的“+”(1)来添加一个新的自定义CMS块. 在文本框中输入文本,然后单击“保存”。. 或者点击“编辑”(2)来更改任何块.
- 在主页和分类页面上显示快速查看窗口
- 将类别显示为og体育,而不是默认的基于网格的显示
- 显示顶部横幅:点击“Configure”按钮. 在“设置”中,您可以选择另一个横幅(1),更改其链接和描述. 编辑完成后点击“保存”按钮(2).
- 显示可用的付款方式的标志:允许您上传您的图像,并为产品页面上的付款标志添加标题/链接. 点击“添加文件”(1)上传您自己的付款标志文件或在“图像链接”字段中插入带有图像的链接(2). 然后点击“保存”按钮(3).
- 显示实时配置器:启用后,只有您可以在网站首页看到它.
- 显示子分类
- 向下滚动到 更改/删除/添加HTML内容项. 只有当Theme Configurator模块被禁用时,才可以删除该模块最初附带的默认项,或者您可以通过取消项目配置页面上的“Active”来取消发布它们. 输入项目标题, 将它钩到建议的位置之一(home), top, left, right, footer), 点击“浏览”上传图片, 手动输入以像素为单位的图像宽度/高度值, 指定此项目将指向的URL,并在“HTML”字段中输入您的内容. 然后点击“保存”. 如果您正在运行一个多语言网站, 单击相应的语言选项卡,对其重复相同的调整. 点击“添加项目”按钮添加新项目.
- 打开站点的前端以查看更改.
如何在永久链接块中添加或删除一些链接
下面的教程将向您展示如何在PrestaShop 1中添加或隐藏标题中的一些链接.6.x模板.
PrestaShop模板的头链接由Permanent links块模块定义. 通常它看起来像下面的屏幕(1).
如果要向其中添加或删除一个元素, 你应该编辑'themes/theme_name/modules/blockpermanentlinks/blockpermanentlinks-header.位于托管服务器上PrestaShop安装中的tpl'文件.
-
使用任何代码编辑器打开该文件. 菜单被创建为一个无序列表. 每个菜单元素都被包装成
<ul id="header_links"> <li id="header_link_contact"> <a {if $page_name =='contact'}class="active"{/if} href="{$link->getPageLink('contact', true)|escape:'html'}" title="{l s='contact' mod='blockpermanentlinks'}">{l s='contact' mod='blockpermanentlinks'}a> li> <li id="header_link_sitemap"> <a {if $page_name =='sitemap'}class="active"{/if} href="{$link->getPageLink('sitemap')|escape:'html'}" title="{l s='sitemap' mod='blockpermanentlinks'}">{l s='sitemap' mod='blockpermanentlinks'}a> li> ul>
-
例如,以下代码行表示Sitemap菜单元素:
<li id="header_link_sitemap"> <a href="{$link->getPageLink('sitemap')|escape:'html'}" title="{l s='sitemap' mod='blockpermanentlinks'}">{l s='sitemap' mod='blockpermanentlinks'}a> li>
- a href="{$link->getPageLink('sitemap')|escape:'html'}" - 的URL是 page
- {l s='sitemap' mod='blockpermanentlinks'} 的代码是否用于显示 按钮名称
-
添加到畅销书页面的链接(http://yourdomain.com/best-sales.php), 您应该将以下代码行添加到themes/theme_name/modules/blockpermanentlinks/blockpermanentlinks-header中.tpl file.
<li id="header_link"> <a href="{$link->getPageLink('best-sales.php')|escape:'html':'UTF-8'}" title="{l s='best-sales' mod='blockpermanentlinks'}"> {l s='Best sales' mod='blockpermanentlinks'}a> li>
注意:如果您想要更改新按钮的名称或添加其翻译,您可以这样做 Localization -> Translations menu of your back end.
-
要添加到某个CMS页面的链接,您应该首先获得到该页面的链接. 让我们添加到About Us页面的链接.
你应该编辑themes/theme_name/modules/blockpermanentlinks/blockpermanentlinks-header.TPL文件,并添加以下代码行:<li> <a href="{$link->getCMSLink('4', 'CMSpage')}" title="{l s='about-us' mod='blockpermanentlinks'}">{l s='About Us' mod='blockpermanentlinks'}a> li>
- $link->getCMSLink('4', 'CMS page') - 表示我们要加载CMS ID为4的页面. 您可以在页面URL中看到.
- s='About Us' - 是一个按钮标题.
-
添加到Blog的链接, 您应该编辑相同的文件并添加以下代码行(与之前相同的方式):
{if class_exists (smartblog)} <li id="header_link_blog"> <a {if $page_name =='module-smartblog-category'}class="active"{/if} href="{$link->getPageLink('smartblog')|escape:'html'}" title="{l s='blog' mod='blockpermanentlinks'}">{l s='blog' mod='blockpermanentlinks'}a> li> {/if}
注意:如果您的主题中没有安装聪明的博客模块,则该链接将不会出现.
-
要添加到Wishlist的链接,添加以下代码:
<li id="header_link_wishlist"> <a href="{$link->getModuleLink('blockwishlist', 'mywishlist', array(), true)|escape:'html':'UTF-8'}" title="{l s='我的愿望列表' mod='blockwishlist'}"><span>{l s='Wishlist'}span>a> li>
-
如果要隐藏这些链接中的任何一个,可以删除
<ul id="header_links"> <li id="header_link_wishlist"> <a href="{$link->getModuleLink('blockwishlist', 'mywishlist', array(), true)|escape:'html':'UTF-8'}" title="{l s='我的愿望列表' mod='blockwishlist'}">{l s='Wishlist'}a> li> <li id="header_link_contact"> <a href="{$link->getPageLink('contact', true)|escape:'html'}" title="{l s='contact' mod='blockpermanentlinks'}">{l s='contact' mod='blockpermanentlinks'}a> li> ul>
- 保存更改并检查您的网站前端,看看您如何修改标题菜单.
如何统一 .使用Sublime Text Editor编辑css文件
准备
在你继续之前, 请查看下面的教程,了解如何下载和安装Sublime Text Editor和 Sublime Text插件,负责unminiify进程:
Unminify .css file
Open the .css 文件在Sublime Text Editor中(选择 .css 你需要的文件 unminiify,在其上单击鼠标右键并选择 以崇高的文本开启 选项(1)):
你可以看到代码被缩小了:
若要取消代码,请单击选中全部代码 Ctrl+A. 在顶部菜单面板中选择 Selection TAB键,然后选择 Un-minify CSS option. 或者直接点击 Ctrl+Alt+U:
现在,代码是统一的: