分类目录归档：prestashop模板

prestashop模板

prestashop mobile theme

prestashop 1.5 提供了  mobile theme，解决了移动版本的问题，但是当后台的CCC for Javascript 开启后，整个页面就错乱了，感觉好像css文件没有引入一般.

其实只要下载 jquery.mobile-1.3.0.min.js 替换themes/yourthemems/mobile/js/jquery.mobile-1.3.0.min.js, ，就可以解决这个问题了。

 

 

prestashop mobile 模板添加 languages模块

prestashop moblie 默认是没有语言选择模块的。如果你想调用这个模块
需要编辑 module/blocklanguages/blocklanguages.php

编辑install 方法

1
2
3
4
public function install()
{
  return (parent::install() && $this->registerHook('top') && $this->registerHook('header') && $this->registerHook('displayMobileTop'));
}

添加 hookdisplayMobileTop 方法

1
2
3
4
5
6
7
public function hookdisplayMobileTop($params)
{
  if (!$this->_prepareHook($params))
   return;
  $this->context->controller->addCSS($this->_path.'blocklanguages.css', 'all');
  return $this->display(__FILE__, 'blocklanguages.tpl');
}

这样在moblie界面上就会出现 languages block ,具体css样式需要调整mobile模板里的css.

 

 

推荐几款免费的prestashop模板

1. Matrice theme Prestashop 1.3.1 – 1.4.X

just another template for Prestashop 1.3.1. As usual, simple clear and free!! also the installation is much easier thanks to your feedback

下载 1.3 ,1.4 Demo

 

2. Element theme prestashop

Element is fusion between « Minimaliste » and « Black&White » theme, based on 2 columns layout. the idea was to have a Shop with a clean up look

下载 Demo

 

3.Fennecs theme Prestashop

This template is a mini fashion and urban product store, based on 3 verticals layout. It’s a new reloaded version of Ipnotik template.

下载 Demo

 

4. Uppercase theme Prestashop

This template is just a concept store, to demonstrate how much Prestashop e-commerce CMS is flexible to make a clean up layout. Please to give your suggestions…

下载 Demo

 

5. Moon theme Prestashop

Moon template is another concept store for Prestashop CMS, with a simple and purified design. So feel free to use it as a basis in your future ecommerce project.

下载 Demo

 

6. Alysum PrestaShop 1.5模板[v1.3]

Alysum PrestaShop模板，支持PrestaShop 1.5，是一个购物模板 “Alysum” – is a great solution for small and medium businesses. Due to compact, modern and stylish design as well as “Theme settings module” embedded tool.

下载 Demo

 

 

 

 

 

 

 

 

 

prestashop1.5 breadcrumb添加样式

之前在一个论坛里回复过这个问题，最近又有人咨询这个问题。我想想还是写下来分享给做模板的前端攻城师。

prestashop默认版本产品相关页 breadcrumb最后的节点是文本，没有任何html标签包裹。 加上标签后就可以写css样式修饰了。

1. 打开controllers/front/ProductController.php;
2. 查找到 protected function assignCategory() 大约在436行;
3.将代码 修改为;
protected function assignCategory()
{
// Assign category to the template
if ($this->category !== false && Validate::isLoadedObject($this->category))
{
$this->context->smarty->assign(array(
‘path’ => Tools::getPath($this->category->id, ‘<span  “nav_last”>’.$this->product->name.'</span>’, true),
‘category’ => $this->category,
‘subCategories’ => $this->category->getSubCategories($this->context->language->id, true),
‘id_category_current’ => (int)$this->category->id,
‘id_category_parent’ => (int)$this->category->id_parent,
‘return_category_name’ => Tools::safeOutput($this->category->name)
));
}
else
$this->context->smarty->assign(‘path’, Tools::getPath((int)$this->product->id_category_default, ‘<span class=”nav_last”>’.$this->product->name.'</span>’));

$this->context->smarty->assign(‘categories’, Category::getHomeCategories($this->context->language->id));
$this->context->smarty->assign(array(‘HOOK_PRODUCT_FOOTER’ => Hook::exec(‘displayFooterProduct’, array(‘product’ => $this->product, ‘category’ => $this->category))));
}

产品页面breadcrumb 最后一个节点添加span标签

产品页面breadcrumb 最后一个节点添加span标签