最畅销

  • Delete Orders
    Delete Orders

    启用该选项以删除订单的管理页面-> 订单 此外可以从模块配置中删除所有订单的气候与冰冻圈

    $0.00
  • CoolShare
    CoolShare

    使用鼠标在动画上添加社交书签。

    $0.00
  • Categories image
    Categories image

    此模块使您可以在类别中,但具有相同的缩略图显示块。

    $0.00
  • 大规模价格更新
    Mass price update

    这个模块允许您更新数量或百分比,某一特定种类或按价格范围的所有产品的价格。

    $0.00

最近的订单 (+)

Countdown Specials - Flash sales

收到:2017-11-19 18:59:53
客户: Reto
发送到: 4457 Diegten, 瑞士
顺序值:$52.75
View all ->
PrestaShop Quick service failure solution - Nº of errors to fix : 1, Priority : Normal

收到:2017-10-28 15:25:13
客户: Veronique
发送到: VAUX EN BEAUJOLAIS, 法国
顺序值:$15.00
View all ->
PrestaSpeed

收到:2017-10-21 21:05:00
客户: Peter
发送到: Kostelec, 捷克共和国
顺序值:$55.00
View all ->
Promotions Pack

收到:2017-10-21 12:32:23
客户: Robert
发送到: Warszawa, 波兰
顺序值:$80.00
View all ->
PrestaSpeed

收到:2017-10-06 09:56:03
客户: Jamie
发送到: Salisbury, 英国
顺序值:$55.00
View all ->

一个主题的文件结构

当创建一个主题,你不得不想出前面的所有不同的页面和片断的信息,您的主题已正确处理,向您的客户提供一个完整的体验。在这里再一次,默认主题是好的方法来获得灵感,都在各种文件,它的特点和行为它要满足,而且在它的代码,你可以为了更好地理解一个主题是如何潜入。

首先,这里是所需的模板文件的列表 (剧透警告: 有 60 人。是的所有都是必要的对各种 PrestaShop 功能):

<td类 ="confluenceTd"≶ 订单-地址-产品-line.tpl<td类 ="confluenceTd"≶ 订单 return.tpl
文件名称
为什么它是必要
使用此模板中的默认主题的其他模板文件
404.第三方物流无法找到文件时显示。
address.tpl使客户能够创建一个新的地址。
  • errors.tpl
addresses.tpl使客户可以查看她当前的地址。
authentication.tpl使客户可以登录到她的账户。
  • 订单 steps.tpl
  • errors.tpl
最好 sales.tpl

显示的畅销产品。

  • 产品 sort.tpl
  • nbr-产品-page.tpl
  • 产品 compare.tpl
  • pagination.tpl
  • 产品 list.tpl
breadcrumb.tpl显示每个属于当前的产品类别路径。
  • breadcrumb.tpl
类别-cms-树-branch.tpl通过 CMS 类别,以便显示它们的运行。
  • 类别-cms-树-branch.tpl
类别-count.tpl显示类别中的产品的数量。
类别树 branch.tpl贯穿产品类别,以显示它们。
  • 类别树 branch.tpl
category.tpl将显示一个类别的内容: 场景、 图像、 文本、 产品比较器等。
  • errors.tpl
  • scenes.tpl
  • 类别-count.tpl
  • 产品 sort.tpl
  • nbr-产品-page.tpl
  • 产品 compare.tpl
  • pagination.tpl
  • 产品 list.tpl
  • 产品 compare.tpl
cms.tpl显示 CMS 页面的内容。
联系 form.tpl显示客户联系人窗体。
  • errors.tpl
discount.tpl显示客户凭证的列表。
errors.tpl显示当前的错误。
footer.tpl显示的页脚。
  • global.tpl
global.tpl定义几个 Smarty 变量,最显著的 JavaScript 的。
客人 tracking.tpl显示的跟踪页的来宾客户 (没有账户的访客)。
  • 订单 detail.tpl
header.tpl显示的标题: HTML 文档类型链接到 CSS 文件,等等。
  • breadcrumb.tpl
history.tpl向客户显示她以前的订单。
  • errors.tpl
identity.tpl显示和更新客户的个人信息。
  • errors.tpl
layout.tpl吁请这一主题的主要砖: 页眉、 页脚、 列、 当前模板和生活编辑。
  • header.tpl
  • footer.tpl
maintenance.tpl显示一个特殊的页面为店里维修。
制造商 list.tpl显示所有制造商的列表。
  • errors.tpl
  • nbr-产品-page.tpl
  • pagination.tpl
manufacturer.tpl显示该产品从单一的制造商。
  • errors.tpl
  • 产品 sort.tpl
  • nbr-产品-page.tpl
  • 产品 compare.tpl
  • pagination.tpl
  • 产品 list.tpl
我 account.tpl将显示客户的帐户页面。
nbr-产品-page.tpl在当前页面中显示产品的数量。
新 products.tpl显示块的新产品。
  • 产品 sort.tpl
  • nbr-产品-page.tpl
  • 产品 compare.tpl
  • pagination.tpl
  • 产品 compare.tpl
  • pagination.tpl
订单-地址-multishipping-products.tpl显示的地址提供一个产品在多送货地址的情况。
  • 订单-地址-产品-line.tpl
订单地址 multishipping.tpl
  • 订单 steps.tpl
  • errors.tpl
  • 订单-地址-multishipping-products.tpl
订单 address.tpl
  • 订单 steps.tpl
  • errors.tpl
订单 carrier.tpl
  • 订单 steps.tpl
  • errors.tpl
订单 confirmation.tpl
  • errors.tpl
  • 订单 steps.tpl
订单 detail.tpl
订单 follow.tpl
订单 opc-新 account.tpl
订单 opc.tpl
  • 购物 cart.tpl
  • 订单 address.tpl
  • 订单 opc-新 account.tpl
  • 订单 carrier.tpl
  • 订单 payment.tpl
  • errors.tpl
订单 payment.tpl
  • errors.tpl
  • 订单 steps.tpl
  • 购物车产品 line.tpl
  • errors.tpl
订单 slip.tpl
订单 steps.tpl
pagination.tpl
password.tpl
  • errors.tpl
价格-drop.tpl
  • 产品 sort.tpl
  • nbr-产品-page.tpl
  • 产品 compare.tpl
  • pagination.tpl
  • 产品 list.tpl
  • 产品 compare.tpl
  • pagination.tpl
产品 compare.tpl
产品列表 colors.tpl
产品 list.tpl
产品 sort.tpl
产品.tpl
  • errors.tpl
  • 产品 list.tpl
产品 comparison.tpl
限制 country.tpl
scenes.tpl
search.tpl
  • errors.tpl
  • 产品 sort.tpl
  • nbr-产品-page.tpl
  • 产品 compare.tpl
  • pagination.tpl
  • 产品 list.tpl
购物车产品 line.tpl
购物 cart.tpl
  • 订单 steps.tpl
  • errors.tpl
  • 购物车产品 line.tpl
sitemap.tpl
  • 类别树 branch.tpl
  • 类别-cms-树-branch.tpl
stores.tpl
store_infos.tpl
供应商 list.tpl
supplier.tpl使得能够显示的每个供应商的产品的列表。
  • errors.tpl
  • 产品 sort.tpl
  • nbr-产品-page.tpl
  • 产品 compare.tpl
  • pagination.tpl
  • 产品 list.tpl

举办了让我们潜水变成了一个主题: 文件夹,文件,它们属于的地方和如何正确处理它们

组织的一个主题

  • 组织的一个主题
    • 文件夹
      • 缩略图文件
      • CSS 和萨斯
        • CSS
        • 萨斯 / 指南针
      • 字体
      • 图像
      • JavaScript
      • 语言
      • 移动主题
    • 文件
      • 模板文件
      • 样式表
      • 图像文件
      • 工具

文件夹

PrestaShop 的任何主题的主要文件夹包括:

  • 使用 /cache文件夹中包含所有临时文件,并生成重用以减轻了服务器的负载。该文件夹为空,默认情况。
  • /css文件夹中包含所有的 CSS 文件。
    • /sass文件夹中包含所有的口角.scss之前他们将被编译到 CSS 文件的来源文件。
  • /font文件夹中包含所需的字体文件。
  • 文件夹中包含的所有图像。
  • /js文件夹包含所有 JavaScript 文件。
  • /lang文件夹中包含的主题的翻译。其访问权限应该设置在 CHMOD 666 (举例来说),以便后端办公室翻译工具可以读取和写入到它。

下列文件夹是不直接相关的主题,但帮助您确保整个 PrestaShop 的特征有一个设计,与你的主题是一致的:

  • /mails文件夹包含 PrestaShop 发送 (订单确认、 密码请求、 航运通知等) 的电子邮件模板。
  • 手机文件夹中包含的主题的移动版本。
  • 内容文件夹中包含很多模块的模板文件。
  • /pdf文件夹包含 PrestaShop 生成 (发票、 交货单、 供货订单等) 的 PDF 文件的模板文件。

文件夹的根目录包含第三方物流的文件,以及preview.jpg缩略图文件。

缩略图文件

preview.jpg主题文件夹的根目录处文件是采用 PrestaShop 在其后台主题选择器中的缩略图。

它作为视觉暗示的主题是什么,和你因此应该把它的屏幕截图,而不是您公司的徽标。

它可以有任何大小 — — 默认的主题是 180 * 445 像素为单位)。

它必须是一个 JPEG 文件。

CSS 和萨斯

CSS

这一主题的 CSS 文件位于/css文件夹。

它建议要有全球的 CSS 规则的常见样式表:global.css.
然后,每个控制器应该有它自己的 CSS 文件: 例如,product.css产品页。

萨斯 / 指南针

Sass 和指南针文件是可选的: 你不需要使用这些工具来构建您的后端办公室主题的 CSS 文件。

如果您使用 Sass 和指南针,我们强烈建议把源.scss中的文件/sass主题,以便其他开发人员可访问主题和返工他们更容易。

从那里,您可以生成中的 CSS 文件/cssSass 文件中的文件夹/sass文件夹 !

字体

/font文件夹是可选的: 它包含您选择要用于您的主题的字体。

例如,默认 PrestaShop 主题使用的字体很棒的字体设置 (http://fortawesome.github.io/Font-Awesome/) 其响应的图标,并因此下列文件中的/font文件夹:

  • fontawesome webfont.eot
  • fontawesome webfont.svg
  • fontawesome webfont.ttf
  • fontawesome webfont.woff

如果你不与特定字体或图标集在头脑中建立您的主题,你可以跳过此文件夹。

图像

主题相关的图像都存储在文件夹。

您可以创建子文件夹构建一个更好的组织。例如,默认的主题具有以下子文件夹:

  • /icon对于简单的图标 (例如,那些在您所选取的字体集不可用)。
  • /jqueryjQuery 特定图像。

您可以创建更多的如果需要的话。

JavaScript

JavaScript 文件是存储在/js文件夹。

与不同的 CSS 文件,我们建议你不要有一个共同和全球的 JavaScript 文件,也不是你应该有一个单独的文件,每个控制器。

语言

所有翻译文件都都存储在/lang文件夹。

文件应该命名以小写字母的 ISO 3166-1 α-2 代码: 例如,fr.php.

这些文件应由 PrestaShop 集成的翻译工具生成 (位于本地化 / 翻译菜单)。