Danh mục: Opencart

Bài hướng dẫn này dành cho các bạn sử dụng module tin tức được chia sẻ tại bài viết

http://hanamonline.com/module-tin-tuc-opencart/

Module tin tức này được chia sẻ trên opencartvn là module tin tức được nhiều bạn sử dụng nhất tuy nhiên một thiếu sót khá quan trọng của nó là không hỗ trợ sitemaps. Việc thêm url vào sitemaps và submit lên công cụ tìm kiếm giúp bài viết của bạn nhanh chóng được SE index.
Bạn cần sửa 2 file
+ Edit file /catalog/model/catalog/news.php
Thêm vào function
[php]
public function getNewIDs() {
$sql = "SELECT n.news_id FROM " . DB_PREFIX . "news n LEFT JOIN " . DB_PREFIX . "news_description nd ON (n.news_id = nd.news_id) LEFT JOIN " . DB_PREFIX . "news_to_store n2s ON (n.news_id = n2s.news_id) WHERE nd.language_id = ‘" . (int)$this->config->get(‘config_language_id’) . "’ AND n.status = ‘1’ AND n.date_available <= NOW() AND n2s.store_id = ‘" . (int)$this->config->get(‘config_store_id’) . "’";
$query = $this->db->query($sql);
return $query->rows;
}
[/php]
+ Edit file /catalog/controller/feed/google_sitemap.php
Tìm đoạn code
[php]
$output .= $this->getCategories(0);
$this->load->model(‘catalog/manufacturer’);
[/php]
Thêm vào sau nó đoạn code sau:
[php]
$this->load->model(‘catalog/news’);
$news = $this->model_catalog_news->getNewIDs();

foreach ($news as $new) {
$output .= ‘<url>’;
$output .= ‘<loc>’ . $this->url->link(‘news/news’, ‘&news_id=’ . $new[‘news_id’]) . ‘</loc>’;
$output .= ‘<changefreq>weekly</changefreq>’;
$output .= ‘<priority>1.0</priority>’;
$output .= ‘</url>’;
}
[/php]
OK vậy là xong rồi bạn nào cần thêm danh mục tin tức thì viết thêm mình ko SEO theo danh mục nên không thêm danh mục tin tức vào sitemap. Chúc các bạn thành công

Module tin tức cho Opencart được tổng hợp từ các Extension News, Blog và CMS trên Opencart.com và Opencartvn.

***Lưu ý:
Nếu bạn nào không hiển thị được danh mục tin tức trên top menu thì vào file header.tpl tìm dòng
[html] </ul>
</div>[/html]
thay bằng:
[html] </ul></div>[/html]

Quick Checkout – One Page Checkout

Thực tế cho thấy việc phải điền nhiều thông tin rườm rà, trải qua nhiều thủ tục thanh toán lằng nhằng khiến khách hàng của chúng ta không đủ kiên nhẫn để mua sắm. Nhất là trong thời đại công nghiệp hóa hiện nay. Chúng ta chỉ cần khách hàng cung cấp đủ thông tin cơ bản như họ tên, địa chỉ nhận hàng, số điện thoại…Nước ta cũng đang làm cuộc cách mạng đơn giản hóa thủ tục hành là chính đó thôi 🙂 Lạc đề mất rồi
Hôm nay mình share extension Quick Checkout

http://www.opencart.com/index.php?route=extension/extension/info&extension_id=7382

Extension này có giá 70$ 🙂 🙂 🙂 (1.400.000 ngàn VNĐ đó ạ) Extension này được 1 bạn trên diễn đàn opencart.vn mua và chia sẻ vì thế hôm nay nó có mặt trên blog của mình mọi người không nên bán lại, chỉ sử dụng cho mình, hoặc nguyên cứu phát huy, hãy cùng phát triển opencart của VN theo đúng nghĩa.
Các bạn download tại đây nhé:

onepagecheckout.rar

Cài đặt

Upload , extract đè lên thư mục tương ứng admin,catalog
Vào admin website. trong phần module(phần mở rộng) kích hoạt module quick checkout, bật,tắt các loại bạn không muốn hiển thị.
Nếu bạn không có cài VQMOD thì làm thêm các bước sau:
– Sửa file catalog/controller/checkout/checkout.php
Tìm tới chỗ
[php]public function index() {[/php]
Dán đằng sau nó :
[php]
$quickcheckout_status = $this->config->get(‘quickcheckout_status’);
if ($quickcheckout_status == 1) {
$this->redirect($this->url->link(‘quickcheckout/checkout’));
}
[/php]
– Sửa file catalog/controller/account/logout.php
Tìm chỗ
[php]
unset($this->session->data[‘coupon’]);
[/php]
Dán đằng sau nó
[php]
unset($this->session->data[‘guest’]);
[/php]
OK. Done !

Mìnht thường thay đổi ảnh nền cho website theo các sự kiện lớn. Việc thay đổi ảnh nền vừa làm cho website “mới” hơn khi khách hàng ghé thăm vừa thể hiện được nội dung các khuyến mãi. Đối với những bạn biết code thì việc này cũng đơn giản chỉ là upload ảnh nền và sửa CSS. Tuy nhiên mỗi lần như vậy cũng khá mất công. Còn đối với những người không biết code thì chức năng thay đổi ảnh nền thì không thể thiếu được. Thủ thuật này sẽ giúp các bạn thêm chức năng thay đổi ảnh nền vào trong setting của cửa hàng trong admin panel.
Các bạn thực hiện các bước sau:
+ Sửa file …\admin\view\template\setting\setting.tpl
Tìm đoạn code:
[html]
<tr>
<td><?php echo $entry_logo; ?></td>
<td><div class="image"><img src="<?php echo $logo; ?>" alt="" id="thumb-logo" />
<input type="hidden" name="config_logo" value="<?php echo $config_logo; ?>" id="logo" />
<br />
<a onclick="image_upload(‘logo’, ‘thumb-logo’);"><?php echo $text_browse; ?></a>&nbsp;&nbsp;|&nbsp;&nbsp;<a onclick="$(‘#thumb-logo’).attr(‘src’, ‘<?php echo $no_image; ?>’); $(‘#logo’).attr(‘value’, ”);"><?php echo $text_clear; ?></a></div></td>
</tr>
[/html]
Thêm đoạn code này vào ngay bên dưới nó:
[html]
<tr>
<td><?php echo $entry_background; ?></td>
<td><div class="image"><img src="<?php echo $background; ?>" alt="" id="thumb-background" />
<input type="hidden" name="config_background" value="<?php echo $config_background; ?>" id="background" />
<br />
<a onclick="image_upload(‘background’, ‘thumb-background’);"><?php echo $text_browse; ?></a>&nbsp;&nbsp;|&nbsp;&nbsp;<a onclick="$(‘#thumb-background’).attr(‘src’, ‘<?php echo $no_image; ?>’); $(‘#logo’).attr(‘value’, ”);"><?php echo $text_clear; ?></a></div></td>
</tr>
[/html]
+ Sửa file …\admin\language\vietnamese\setting\setting.php
Thêm dòng code này vào:
[php]$_[‘entry_background’] = ‘Background:’;[/php]
+ Sửa file …\admin\controller\setting\setting.php
– Tìm dòng code
[php]$this->data[‘entry_logo’] = $this->language->get(‘entry_logo’);[/php]
Thay thế:
[php]$this->data[‘entry_background’] = $this->language->get(‘entry_background’);[/php]
– Tìm đoạn code sau:
[php]
if ($this->config->get(‘config_logo’) && file_exists(DIR_IMAGE . $this->config->get(‘config_logo’)) && is_file(DIR_IMAGE . $this->config->get(‘config_logo’))) {
$this->data[‘logo’] = $this->model_tool_image->resize($this->config->get(‘config_logo’), 100, 100);
} else {
$this->data[‘logo’] = $this->model_tool_image->resize(‘no_image.jpg’, 100, 100);
}
[/php]
Thêm sau nó đoạn code:
[php]
if (isset($this->request->post[‘config_background’])) {
$this->data[‘config_background’] = $this->request->post[‘config_background’];
} else {
$this->data[‘config_background’] = $this->config->get(‘config_background’);
}

if ($this->config->get(‘config_background’) && file_exists(DIR_IMAGE . $this->config->get(‘config_background’)) && is_file(DIR_IMAGE . $this->config->get(‘config_background’))) {
$this->data[‘background’] = $this->model_tool_image->resize($this->config->get(‘config_background’), 100, 100);
} else {
$this->data[‘background’] = $this->model_tool_image->resize(‘no_image.jpg’, 100, 100);
}
[/php]

OK. Đến đây thì trong admin bạn có thể upload ảnh nền và lưu vào setting được rồi

Có lẽ thẻ meta keywords từ lâu không còn được đánh giá cao trong SEO tuy nhiên nó vẫn là các chuẩn trong html vì thế tuy nó không cần thiết nhưng cũng không thể thiếu. Opencart không phải không hỗ trợ thẻ meta keywords nó hỗ trợ ở các danh mục, sản phẩm, thông tin tuy nhiên lại thiếu chỗ quan trọng nhất là trang chủ của các gian hàng. Hôm nay mình hướng dẫn các bạn thêm thiết lập meta keywords trong admin panel và hiển thị nó ra trang chủ.

OK thế là xong rồi đó. Nếu bạn làm đúng các bước trên thì khi vào Admin/System/Settings để cấu hình store của bạn trong tab Store sẽ hiện ra như sau:

Để chắc chắn view source trang chủ cửa hàng thấy thẻ meta keywords tức là đã thành công

Opencart hỗ trợ SEO link thân thiện và cho phép tùy chỉnh seo keyword khi nhập sản phẩm, danh mục sản phẩm, các thông tin khác (Category, Product, Information). Điều này rất có lợi cho SEO tuy nhiên cũng khá hạn chế đối với những người ngại gõ nhiều (như mình) nhất là khi nhập lên đến hàng trăm sản phẩm. Vì vậy chúng ta nên tùy chỉnh để OC tự điền rồi chúng ta sửa như vậy sẽ tiện hơn.

[html]</head>[/html]

[html]
<!–Auto Fill SEO URL–>
<script type="text/javascript">
$(document).ready(function(){
var keyword = $("input[name=keyword]");
if(!keyword.val()){
$("input[name^=’product_description’],input[name^=’category_description’],input[name=’name’],input[name^=’information_description’]").keyup(function(){
var SEOlink = $(this).val();
SEOlink = SEOlink.replace(/^\s+|\s+$/g, ”); // trim
SEOlink = SEOlink.toLowerCase();
// remove accents, swap, etc
var from = "ọẹạịụớđàáäâèéëêìíïîòóöôùúüûñcçčlľštžýnrrd·ạảãầấậẩẫăắằẳẵặ_ịỉĩ/ọỏõôồốộổỗơờởợởỡ;ẹẻẽềếệểễ:ụủũưừứựửữ,ỵỷỹỳ";

var to = "oeaiuodaaaaeeeeiiiioooouuuuncccllstzynrrd–aaaaaaaaaaaaaa-iii-ooooooooooooooo-eeeeeeee-uuuuuuuu-yyyy";
for (var i=0, l=from.length ; i<l ; i++) {
SEOlink = SEOlink.replace(new RegExp(from.charAt(i), ‘g’), to.charAt(i));
}
SEOlink = SEOlink.replace(/[^a-z0-9 -]/g, ”) // remove invalid chars
.replace(/\s+/g, ‘-‘) // collapse whitespace and replace by –
.replace(/-+/g, ‘-‘); // collapse dashes
// return SEOlink;
keyword.val(SEOlink + ‘.html’);
});
}
});
</script>
<!–End–>
[/html]
Ok như vậy là xong rồi đó. Thật đơn giản mà không phải bỏ 10$ để mua Extensions SEO Keywords Autocomplete, hay Autofill SEO Keywords. Chúc các bạn thành công

Trình soạn thảo mặc định của Opencart để rất ít chức năng khiến bạn khó khăn khi soạn thảo nội dung bài viết hay các mô tả khác. Việc soạn thảo không tốt ảnh hưởng đến thẩm mỹ của bài viết và khó khăn trong SEO. Hôm nay mình hướng dẫn các bạn thêm các tính năng vào bộ soạn thảo này. Thực chất là tùy chỉnh cấu hình của CKEditor thôi.
Các bạn tìm file config của CKEditor trong admin: admin/view/javascript/ckeditor/config.js. Nội dung file này như sau:
[js]
/**
* @license Copyright (c) 2003-2012, CKSource – Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.html or http://ckeditor.com/license
*/

CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here.
// For the complete reference:
// http://docs.ckeditor.com/#!/api/CKEDITOR.config
config.filebrowserWindowWidth = ‘800’;
config.filebrowserWindowHeight = ‘500’;
config.resize_enabled = false;
config.htmlEncodeOutput = false;
config.entities = false;
config.extraPlugins = ‘codemirror’;
config.codemirror_theme = ‘rubyblue’;
config.toolbar = ‘Custom’;

config.toolbar_Custom = [
[‘Source’],
[‘Maximize’],
[‘Bold’,’Italic’,’Underline’,’Strike’,’-‘,’Subscript’,’Superscript’],
[‘NumberedList’,’BulletedList’,’-‘,’Outdent’,’Indent’],
[‘JustifyLeft’,’JustifyCenter’,’JustifyRight’,’JustifyFull’],
[‘SpecialChar’],
‘/’,
[‘Undo’,’Redo’],
[‘Font’,’FontSize’],
[‘TextColor’,’BGColor’],
[‘Link’,’Unlink’,’Anchor’],
[‘Image’,’Table’,’HorizontalRule’]
];
};
[/js]
Muốn thêm button nào vào bạn chỉ cần thêm vào trong config.toolbar_Custom. Ví dụ mình muốn thêm chức năng PasteText,PasteFromWord mình thêm [‘PasteText’,’PasteFromWord’] vào sau dòng:
[js]
config.toolbar_Custom = [
[‘Source’],
[/js]
Thành:
[js]
config.toolbar_Custom = [
[‘Source’],
[‘PasteText’,’PasteFromWord’],
[/js]
Muốn thêm định dạng h1, h2, h3,…,h6 các bạn thêm [‘Styles’,’Format’], vào
[js]
config.toolbar_Custom = [
[‘Source’],
[‘PasteText’,’PasteFromWord’],
[‘Styles’,’Format’],
[/js]

CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here.
// For the complete reference:
// http://docs.ckeditor.com/#!/api/CKEDITOR.config
config.filebrowserWindowWidth = ‘800’;
config.filebrowserWindowHeight = ‘500’;
config.resize_enabled = false;
config.htmlEncodeOutput = false;
config.entities = false;
config.extraPlugins = ‘codemirror’;
config.codemirror_theme = ‘rubyblue’;
config.toolbar = ‘Custom’;

config.toolbar_Custom = [
[‘Source’],
[‘Maximize’],
[‘PasteText’,’PasteFromWord’],
[‘Styles’,’Format’],
[‘Bold’,’Italic’,’Underline’,’Strike’,’-‘,’Subscript’,’Superscript’],
[‘NumberedList’,’BulletedList’,’-‘,’Outdent’,’Indent’],
[‘JustifyLeft’,’JustifyCenter’,’JustifyRight’,’JustifyFull’],
[‘SpecialChar’],
‘/’,
[‘Undo’,’Redo’],
[‘Font’,’FontSize’],
[‘TextColor’,’BGColor’],
[‘Link’,’Unlink’,’Anchor’],
[‘Image’,’Table’,’HorizontalRule’]
];
};
[/js]

Khi nhập sản phẩm trong Opencart trong tab Data chúng ta nhập tích thước, trọng lượng tuy nhiên nhiều bạn thắc mắc rằng không thấy thông tin này hiện ra ngoài trang chi tiết sản phẩm vì vậy chúng ta phải mất công nhập lại 2 thông tin này vào phần mô tả sản phẩm hoặc thuộc tính sản phẩm -> thừa thông tin và tốn thời gian.

2 thông tin về kích thước và trọng lượng sản phẩm được sử dụng trong module tính phí vận chuyển. Chúng ta có thể hiển thị thông tin này ra trang chi tiết sản phẩm.

B1: Sửa file /catalog/controller/product/product.php như sau:
– Tìm dòng:
[php]$this->data[‘text_tags’] = $this->language->get(‘text_tags’);[/php]
– Thêm vào dưới nó 2 dòng sau:
[php]
$this->data[‘text_weight’] = $this->language->get(‘text_weight’);
$this->data[‘text_size’] = $this->language->get(‘text_size’);
[/php]
-Tìm dòng:
[php]$this->data[‘points’] = $product_info[‘points’];[/php]
– Thêm vào bên dưới nó các dòng sau:
[php]
/*them kich thuoc va trong luong*/
$weight_class_id = $product_info[‘weight_class_id’];
$this->load->model(‘localisation/weight_class’);
$weight_classes = $this->model_localisation_weight_class->getWeightClass($weight_class_id);
$this->data[‘weight_class_title’] = $weight_classes[‘title’];
$length_class_id = $product_info[‘length_class_id’];
$this->load->model(‘localisation/length_class’);
$length_class = $this->model_localisation_length_class->getLengthClass($length_class_id);
$this->data[‘length_class_title’] = $length_class[‘title’];
$this->data[‘weight’] = number_format($product_info[‘weight’],2);
$this->data[‘length’] = number_format($product_info[‘length’],2);
$this->data[‘width’] = number_format($product_info[‘width’],2);
$this->data[‘height’] = number_format($product_info[‘height’],2);
/*end*/
[/php]
B2:Sửa file /catalog/view/theme/default/template/product/product.tpl
– Tìm đoạn code sau:
[html]
<?php foreach ($attribute_group[‘attribute’] as $attribute) { ?>
<tr>
<td><?php echo $attribute[‘name’]; ?></td>
<td><?php echo $attribute[‘text’]; ?></td>
</tr>
<?php } ?>
[/html]
– Thêm vào bên dưới nó đoạn code sau:
[html]
<!–hien thi kich thuoc va trong luong–>
<?php if ($weight) { ?>
<tr>
<td><?php echo $text_weight; ?></td>
<td><?php echo $weight; ?> <?php echo $weight_class_title; ?></td>
</tr>
<?php } ?>
<?php if ($length || $width || $height) { ?>
<tr>
<td><?php echo $text_size; ?></td>
<td><?php echo $width; ?> x <?php echo $height; ?> x <?php echo $length; ?> <?php echo $length_class_title; ?></td>
</tr>
<?php } ?>
<!–end–>
[/html]
B3: Sửa file ngôn ngữ /catalog/language/english/product/product.php hoặc bạn dùng ngôn ngữ khác thì thêm vào file ngôn ngữ tương ứng nhé
– Thêm vào đầu file 2 dòng sau
[php]
$_[‘text_search’] = ‘Search’;
$_[‘text_weight’] = ‘Weight’;
[/php]
Và đây là thành quả: