我正在尝试在 opencart 中以特价放置 jquery 倒计时计时器。
因为我们在打开的购物车管理面板中有特价的开始日期和结束日期,
我想让 jquery 计数计时器显示剩余
(days:Hours:Min:SEC)
对于那个特别的价格。
我得到了 jquery 倒计时的代码并放入了产品的模板文件,但它不起作用,并且在互联网上没有帮助或代码。
谢谢
很好的问题。正如您所指出的,您希望显示的数据已经是 OpenCart 的管理/后端的一部分,但它在前端不可用。我会告诉你如何添加它。
由于 OpenCart 的MVC架构,您必须在 3 个地方进行更改。模型、视图和控制器。首先,您必须从数据库中获取数据。因为我们希望对前端进行更改,所以所有内容都将包含在目录目录中。如果您查看代码,您会发现catalog/model/catalog/product.php。这是我们要进行第一次更改的地方。ModelCatalogProduct 中提供特价,但特价结束日期不可用。您可以修改现有的 getProduct() 方法,也可以创建自己的方法。我将向您展示后者,而前者留给用户作为练习。
目录/模型/目录/product.php
class ModelCatalogProduct extends Model {
...
// Return an array containing special (price, date_start, date_end).
// or false if no special price exists.
public function getSpecialPriceDates($product_id) {
if ($this->customer->isLogged()) {
$customer_group_id = $this->customer->getCustomerGroupId();
} else {
$customer_group_id = $this->config->get('config_customer_group_id');
}
$query = $this->db->query("SELECT price, date_start, date_end FROM " . DB_PREFIX . "product_special WHERE product_id = '" . (int)$product_id . "' AND customer_group_id = '" . (int)$customer_group_id . "' AND ((date_start = '0000-00-00' OR date_start < NOW()) AND (date_end = '0000-00-00' OR date_end > NOW())) ORDER BY priority ASC, price ASC LIMIT 1");
if ($query->num_rows) {
return array(
'special' => $query->row['price'],
'date_start' => $query->row['date_start'],
'date_end' => $query->row['date_end'],
);
} else {
return false;
}
}
...
}
太好了,现在有一个函数 getSpecialPriceDates() 您可以调用它来了解产品特价何时结束。让我们将此数据提供给视图。为此,我们必须将其添加到控制器中。查看 ControllerProductProduct 中设置“特殊”变量的位置。
目录/控制器/产品/product.php
...
if ((float)$product_info['special']) {
$this->data['special'] = $this->currency->format($this->tax->calculate($product_info['special'], $product_info['tax_class_id'], $this->config->get('config_tax')));
// +++ NEW CODE
$special_info = $this->model_catalog_product->getSpecialPriceDates($product_id);
if ($special_info) {
$this->data['special_date_end'] = $special_info['date_end'];
} else {
$this->date['special_date_end'] = false;
}
// +++ END NEW CODE
} else {
$this->data['special'] = false;
}
...
最后一项任务是在产品视图中实现您的计时器。这将位于catalog/view/theme/default/template/product/product.tpl之类的地方(如果您有自己的主题,请将default替换为{your-theme})。jQuery 有很多不同的倒数计时器解决方案,选择你喜欢的.
目录/视图/主题/默认/模板/产品/product.tpl
<?php if (!$special) { ?>
<?php echo $price; ?>
<?php } else { ?>
<span class="price-old"><?php echo $price; ?></span> <span class="price-new"><?php echo $special; ?></span>
<?php if ($special_date_end): ?>
<!-- TIMER CODE HERE -->
<div class="timer"></div>
<?php endif; ?>
<?php } ?>