Hướng Dẫn Mangento – iZTheme https://iztheme.net Thư Viện Website Cao Cấp Fri, 26 May 2017 03:23:01 +0000 vi hourly 1 https://wordpress.org/?v=4.7.5 Tienda – Responsive Technology Magento Theme https://iztheme.net/huong-dan-mangento/tienda-responsive-technology-magento-theme.html Fri, 24 Feb 2017 01:47:12 +0000 https://iztheme.net/?p=7909 Tiendat theme is beautiful and easy to custom magento theme for marketplace and online stores selling digital and hitech products. It’s compatible with the latest version Magento with 4 home page options and Bootstrap 3 technology. Demo: https://themeforest.net/item/tienda-responsive-technology-magento-theme/19220850

The post Tienda – Responsive Technology Magento Theme appeared first on iZTheme.

]]>
Tiendat theme is beautiful and easy to custom magento theme for marketplace and online stores selling digital and hitech products. It’s compatible with the latest version Magento with 4 home page options and Bootstrap 3 technology.

Demo: https://themeforest.net/item/tienda-responsive-technology-magento-theme/19220850

The post Tienda – Responsive Technology Magento Theme appeared first on iZTheme.

]]>
Gala OpenDeal – Responsive Magento Theme https://iztheme.net/huong-dan-mangento/gala-opendeal-responsive-magento-theme.html Mon, 20 Feb 2017 05:40:04 +0000 https://iztheme.net/?p=7885 Gala Opendeal is an impressive Magento Theme for super market or any online shop with massive products. It has such a clean and neat layout to emphasize product detail without losing characteristic of each product. Block arrangement and color combination ensure aesthetics for the website. If you don’t like the combination of our designers, you […]

The post Gala OpenDeal – Responsive Magento Theme appeared first on iZTheme.

]]>
Gala Opendeal is an impressive Magento Theme for super market or any online shop with massive products. It has such a clean and neat layout to emphasize product detail without losing characteristic of each product. Block arrangement and color combination ensure aesthetics for the website. If you don’t like the combination of our designers, you can customize it yourself with Variation Settings which allow you to change color in just few minutes.

Demo: https://themeforest.net/item/responsive-magento-theme-gala-opendeal/5743939

The post Gala OpenDeal – Responsive Magento Theme appeared first on iZTheme.

]]>
ARW Messic – Fashion Magento Theme https://iztheme.net/huong-dan-mangento/arw-messic-fashion-magento-theme.html Sat, 04 Feb 2017 03:26:25 +0000 https://iztheme.net/?p=7691 Messic with exciting color style in design is borned to bring new breath and happy color to your store. Messic has ideas and inspiration for all types of ecommerce stores, including: Fashion, Shoes, Jewelry, Watch, Hi-tech,…and more. Based on the latest bootstrap technology, this Magento theme its self prides its unrivaled responsiveness and mobile-friendliness. Demo: […]

The post ARW Messic – Fashion Magento Theme appeared first on iZTheme.

]]>
Messic with exciting color style in design is borned to bring new breath and happy color to your store. Messic has ideas and inspiration for all types of ecommerce stores, including: Fashion, Shoes, Jewelry, Watch, Hi-tech,…and more. Based on the latest bootstrap technology, this Magento theme its self prides its unrivaled responsiveness and mobile-friendliness.

Demo: https://themeforest.net/item/arw-messic-fashion-magento-theme/16383547

The post ARW Messic – Fashion Magento Theme appeared first on iZTheme.

]]>
Handmade v1.0.4 – Multipurpose Magento Theme https://iztheme.net/huong-dan-mangento/handmade-v1-0-4-multipurpose-magento-theme.html Tue, 24 Jan 2017 03:49:27 +0000 https://iztheme.net/?p=7659 Handmade (workshop) is designed for handicraft topic with multiple concepts layouts to meet & fit any kind of your crafts business . Furthermore, it’s built based on MGS Frontend builder theme base which is reviewed and approved by Magento Connect. Also, Tons of useful extensions and mobile theme optimized are integrated into Handmade theme. From […]

The post Handmade v1.0.4 – Multipurpose Magento Theme appeared first on iZTheme.

]]>
Handmade (workshop) is designed for handicraft topic with multiple concepts layouts to meet & fit any kind of your crafts business . Furthermore, it’s built based on MGS Frontend builder theme base which is reviewed and approved by Magento Connect. Also, Tons of useful extensions and mobile theme optimized are integrated into Handmade theme. From this, it allows you to build/ configure your store as you want. .

Demo: https://themeforest.net/item/handmade-multipurpose-magento-theme/13486403

The post Handmade v1.0.4 – Multipurpose Magento Theme appeared first on iZTheme.

]]>
Megatron v2.3 – Responsive MultiPurpose WordPress Theme https://iztheme.net/huong-dan-mangento/megatron-v2-3-responsive-multipurpose-wordpress-theme.html Mon, 16 Jan 2017 03:31:30 +0000 https://iztheme.net/?p=7533 Megatron is an incredibly thorough Multipurpose WordPress theme, packed with features and options and pre built templates you can literally build any kind of website imaginable. Demo: http://themeforest.net/item/megatron-responsive-multipurpose-wordpress-theme/14063654

The post Megatron v2.3 – Responsive MultiPurpose WordPress Theme appeared first on iZTheme.

]]>
Megatron is an incredibly thorough Multipurpose WordPress theme, packed with features and options and pre built templates you can literally build any kind of website imaginable.

Demo: http://themeforest.net/item/megatron-responsive-multipurpose-wordpress-theme/14063654

The post Megatron v2.3 – Responsive MultiPurpose WordPress Theme appeared first on iZTheme.

]]>
MT Orion multi-purpose paralax magento theme https://iztheme.net/huong-dan-mangento/mt-orion-multi-purpose-paralax-magento-theme.html Sat, 14 Jan 2017 01:23:23 +0000 https://iztheme.net/?p=7491 Unlike many other themes, Orion lets you create your custom sub-themes (theme variants). You can create season-specific designs to change the look of your store for fashion, computer, sport, estate, beauty, cosmetic, kids, wedding etc. Demo: https://themeforest.net/item/mt-orion-multipurpose-paralax-magento-theme/8154340

The post MT Orion multi-purpose paralax magento theme appeared first on iZTheme.

]]>
Unlike many other themes, Orion lets you create your custom sub-themes (theme variants). You can create season-specific designs to change the look of your store for fashion, computer, sport, estate, beauty, cosmetic, kids, wedding etc.

Demo: https://themeforest.net/item/mt-orion-multipurpose-paralax-magento-theme/8154340

The post MT Orion multi-purpose paralax magento theme appeared first on iZTheme.

]]>
Parasol – Responsive Multi-Purpose Magento Theme https://iztheme.net/huong-dan-mangento/parasol-responsive-multi-purpose-magento-theme.html Sun, 08 Jan 2017 03:23:13 +0000 https://iztheme.net/?p=7407 The theme is packed with 10 unique skins to cover any kind of online business. It also comes with 6 months support. Demo: https://themeforest.net/item/parasol-responsive-multipurpose-magento-theme/16046186

The post Parasol – Responsive Multi-Purpose Magento Theme appeared first on iZTheme.

]]>
The theme is packed with 10 unique skins to cover any kind of online business. It also comes with 6 months support.

Demo: https://themeforest.net/item/parasol-responsive-multipurpose-magento-theme/16046186

The post Parasol – Responsive Multi-Purpose Magento Theme appeared first on iZTheme.

]]>
Tìm hiểu Block, Layout và Template trong Magento https://iztheme.net/wordpress-theme/tim-hieu-block-layout-va-template-trong-magento.html Mon, 08 Feb 2016 16:55:51 +0000 https://iztheme.net/?p=1210 Những bạn mới làm việc với magento thường bị nhầm lẫn layout với hệ thống hiển thị. Bài viết này sẽ cho chúng ta biết chúng kết nối với nhau như thế nào và chúng có vai trò gì trong cái mô hình MVC. Trong Magento thì tầng View bao gồm có Block và Template. Block […]

The post Tìm hiểu Block, Layout và Template trong Magento appeared first on iZTheme.

]]>
Những bạn mới làm việc với magento thường bị nhầm lẫn layout với hệ thống hiển thị. Bài viết này sẽ cho chúng ta biết chúng kết nối với nhau như thế nào và chúng có vai trò gì trong cái mô hình MVC.

Trong Magento thì tầng View bao gồm có BlockTemplate. Block là những đối tượng PHP còn Template là những file kết hợp cả mã html và php (có đuôi là phtml). Bên trong file template có sử dụng $this để reference đến đối tượng block của nó.

1. Block

Magento chia block thành hai loại: structure block và content block.

– Structural Block: đây là những block được tạo ra để định dạng vị trí cho những block khác trong một page. Hãy lấy ví dụ với trang chủ của magento default sử dụng three column layout:

  • Head
  • Left
  • Content
  • Right
  • Footer

– Content Block: Đây là những block nội dung, chúng được hiển thị bên trong những structure block. Mỗi content block thường hiển thị một khối nội dung nào đó thông qua những file template và chèn vào những block cha là structure block.. Hãy em right column trog hình trên có những content blocks nào:

  • Minicart
  • Recently viewed product
  • Newsletter subsription block
  • Poll

Khi nhận được 1 request từ người dùng để hiển thị 1 page:

– Magento sẽ load những vùng cấu trúc

– Mỗi vùng cấu trúc có những content block. Magento sẽ tập hợp những block này lại và gán cho các structure block tương ứng theo layout để xử lý đầu ra.

– Cuối cùng hệ thống sẽ trả lại kết quả sau cùng cho trình duyệt phần nội dung đã được định dạng vị trí.

2. Template

Template là những file phtml được đặt trong thư mục design. Chúng bao gồm cả code php và mã html nên có phần mở rộng là phtml. Những file template có tác dụng lấy dữ liệu từ file block và hiển thị.

Ví dụ về file template:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="?php echo $this->getLang() ?>" lang="<?php echo $this->getLang() ?>">
<head>
<?php echo $this->getChildHtml('head') ?>
</head>
<body class="page-popup <?php echo $this->getBodyClass()?$this->getBodyClass():'' ?>">
<?php echo $this->getChildHtml('content') ?>
<?php echo $this->getChildHtml('before_body_end') ?>
<?php echo $this->getAbsoluteFooter() ?>
</body>
</html>

3. Layout

Qua hai phần đầu chúng ta đã hình dung được block là gì và template là gì, chúng có tác dụng gì nhưng vẫn còn có một số vấn đề mà chúng ta chưa hề biết về chúng:

– Làm thế nào để cho magento biết rằng tôi sẽ sử dụng block này trên cái page này?

– Làm thế nào để cho magento biết block nào sẽ được rendering đầu tiên?

– Làm thế nào để có thể gọi hàm getChildHtml trong khi tham số truyền vào không phải là tên của block.

Để các bạn có thể hình dung được dễ dàng hơn mình sẽ đi vào một ví dụ cụ thể, đó là action in “Hello World” ra trình duyệt.

* Bước 1: tạo 1 file layout với tên local.xml
app/design/frontend/base/default/layout/local.xml

<layout version="0.1.0">
<default>
<block type="page/html" name="root" output="toHtml" template="magentotutorial/helloworld/simple_page.phtml" />
</default>
</layout>

* Bước 2: tạo file template simple_page.phtmlapp/design/frontend/base/default/template/magentotutorial/helloworld/simple_page.phtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hello World</title>
<style type="text/css">
body {
background-color:#f00;
}
</style>
</head>
<body>
</body>
</html>

* Bước 3: trong bước cuối cùng này ta sẽ xem được thành quả bằng cách tạo một action trong một controller bất kỳ và trong đó có gọi hai phương thức loadLayout() và renderLayout():

public function indexAction() {
$this->loadLayout();
$this->renderLayout();
}

Sau khi kết thúc hãy clear cache và refresh lại action vừa viết để thấy kết quả hiển thị.

Trong ví dụ trên thì file layout đã map block page/html với template simple_page.phtml để hiển thị trên tất cả các trang của magento (thẻ default của file layout). Như vậy ta đã trả lời được câu hỏi thứ nhất ở trên “Làm thế nào để cho magento biết rằng tôi sẽ sử dụng block này trên cái page này?”.Hai câu hỏi thứ hai và thứ ba mình sẽ trả lời các bạn trong những bài học tiếp theo.

The post Tìm hiểu Block, Layout và Template trong Magento appeared first on iZTheme.

]]>
Tìm hiểu cấu trúc bên trong mã nguồn Magento https://iztheme.net/wordpress-theme/tim-hieu-cau-truc-ben-trong-ma-nguon-magento.html Mon, 08 Feb 2016 16:48:33 +0000 https://iztheme.net/?p=1207 Đối với những người mới tìm hiểu thì magento thực sự rất phức tạp, nó là sự kết hợp tuyệt vời của Zend Framework với kiến trúc MVC (Model – View – Controller). – Zend Framework: một framework được build bằng PHP, nó là một trong những framework mạnh nhất và được nhiều người sử […]

The post Tìm hiểu cấu trúc bên trong mã nguồn Magento appeared first on iZTheme.

]]>
Đối với những người mới tìm hiểu thì magento thực sự rất phức tạp, nó là sự kết hợp tuyệt vời của Zend Framework với kiến trúc MVC (Model – View – Controller).

– Zend Framework: một framework được build bằng PHP, nó là một trong những framework mạnh nhất và được nhiều người sử dụng nhất hiện nay bởi có quá nhiều tính năng ưu việt mà những framework không có. Đến với Zend, chúng ta dễ dàng mở rộng các lớp xử lý của mình, nhúng những thư viện khác mà việc config không quá khó khăn, phức tạp.

– Mô hình MVC: được hiểu nôm na là một mô hình thiết kế được sử dụng trong kỹ thuật phát triển phần mềm. Nó giúp cho các developer tách ứng dụng ra 3 thành phần khác nhau Model, View và Controller. Mỗi thành phần có một nhiệm vụ riêng biệt và độc lập với các thành phần khác.

+ Model: là các lớp cung cấp dữ liệu, dịch vụ liên quan đến dữ liệu và business logic. Các lớp này làm việc trực tiếp với dữ liệu và cung cấp dữ liệu cho các thành phần khác. Trong magento, các lớp này được chứa trong thư mục Model.

+ View: là các lớp định nghĩa cách thức trình bày dữ liệu (không cập nhật dữ liệu). Các lớp này được chứa trong thư mục Block, template của module.

+ Controller: là các lớp điều khiển luồng ứng dụng, nó tiếp nhận đầu vào là các yêu cầu của người dùng thông qua HTTP header, chuyển tiếp các yêu cầu đó đến các lớp phụ trách trực tiếp xử lý yêu cầu. Từ đường link, router sẽ tìm đến Controller điều khiển đường link đó. Trong Magento, các lớp này được đặt trong thư mục controllers.

1. Cấu trúc thư mục trong magento

  • / app / etc – thư mục chứa những config global
  • / app / code – chứa những modules ( models, controllers, helpers, blocks… )
  • / app / code / core – những module do team magento phát triển
  • / app / code / community – những module do cộng đồng phát triển
  • / app / code / local – những module do những nhà phát triển khác
  • / app / code / core / Mage – namespace default của magento
  • / app / code / core / Mage / {Module} – module root
  • / app / code / core / Mage / {Module} / etc – module configuration
  • / app / code / core / Mage / {Module} / controllers – controllers module
  • / app / code / core / Mage / {Module} / Block – Block logic classes
  • / app / code / core / Mage / {Module} / Model – Object Models provided by module
  • / app / code / core / Mage / {Module} / Model / Mysql4 – Resource Models provided by module
  • / app / code / core / Mage / {Module} / sql – sql installation and upgrade files between module versions
  • / app / code / core / Mage / {Module} / sql / {resource} / – resource model specific upgrades
  • / app / code / core / Mage / {Module} / sql / {resource} / {type}-{action}-{versions}.(sql|php) – resource update files. example: mysql4-upgrade-0.6.23-0.6.25.sql
  • / app / design – is location of design packages (layouts, templates, translations)
  • / app / design / frontend – frontend design
  • / app / design / adminhtml – HTML admin panel design
  • / app / design / {area} / {package} / {theme} – theme customizations
  • / app / design / {area} / {package} / {theme} / layout – .xml files that define block structure for different cases in website flow
  • / app / design / {area} / {package} / {theme} / template – .phtml (html with php tags) templates
  • / app / design / {area} / {package} / {theme} / locale – Zend_Translate compatible translation files for package/theme
  • / app / locale – locale files
  • / app / locale / {locale (en_US)} – Zend_Translate compatible translation files for modules
  • / skin / {area} / {package} / {theme} / – is where design package css and images are
  • / lib – are libraries such as Zend and Varien
  • / js – are javascripts smile
  • / media – uploaded files (product images, pdf documents, etc)
  • / tests – Unit tests (not done yet)
  • / var – temporary files
  • / includes – contains config.php

2. Cấu trúc module

Một module trong magento bao gồm có các phần chính sau:

+ Block: Là nơi dùng để load dữ liệu, điều chỉnh dữ liệu từ database trước khi cho hiển thị dữ liệu ra template.

+ Controller: Nhận yêu cầu từ phía người dùng từ http sau đó sẽ chuyển yêu cầu tới các lớp xử lý.

+ Etc: bao gồm các file xml dùng để config cho module. Tùy theo mỗi module mà có những file xml khác nhau.

– Config.xml: dùng để khai báo model,helper,block…

– System.xml: config tạo ra 1 số field, hiển thị trên menu bên trái khi click vào system\config.

– Adminhtml.xml: dùng để config hiển thị trên menu chính của phần quản trị.

+ Helper: trong này dùng để viết các function được sử dụng ở nhiều nơi khác nhau trong hệ thống. Cách gọi 1 helper: Mage::helper(‘tenmodule/tenhelper’)->helperTenfunction();

+ Model: Dùng để viết các câu lệnh truy vấn trực tiếp với cơ sở dữ liệu.

+ Sql: dùng để tạo bảng, cập nhật bảng dữ liệu, tương tác thay đổi dữ liệu…

* Kết luận:

Sau bài viết này các bạn đã có thể hình dung được một phần cấu trúc cơ bản của Magento, thư mục cũng như mô hình xây dựng lên magento.

The post Tìm hiểu cấu trúc bên trong mã nguồn Magento appeared first on iZTheme.

]]>
Quản lý danh mục sản phẩm Magento https://iztheme.net/wordpress-theme/quan-ly-danh-muc-san-pham-magento.html Mon, 08 Feb 2016 16:41:36 +0000 https://iztheme.net/?p=1203 Trong phần tiếp theo của loạt bài tìm hiểu về Magento, chúng ta sẽ tiếp tục với 1 trong những khía cạnh quan trọng nhất trong việc quản lý sản phẩm trực tuyến. Cụ thể, công đoạn này sẽ bao gồm một số bước như sau: Làm thế nào để gán thêm 1 sản phẩm […]

The post Quản lý danh mục sản phẩm Magento appeared first on iZTheme.

]]>
Trong phần tiếp theo của loạt bài tìm hiểu về Magento, chúng ta sẽ tiếp tục với 1 trong những khía cạnh quan trọng nhất trong việc quản lý sản phẩm trực tuyến. Cụ thể, công đoạn này sẽ bao gồm một số bước như sau:

  • Làm thế nào để gán thêm 1 sản phẩm trong Magento?
  • Gán ảnh vào sản phẩm tương ứng.
  • Quản lý thuộc tính của từng sản phẩm.
  • Quản lý tag của sản phẩm.
  • Khởi tạo số lượng ban đầu của sản phẩm.
  • Quản lý các thông tin khác của sản phẩm, ví dụ như giá chính thức, giảm giá, giá khuyến mãi…

Trước tiên, để gán thêm 1 sản phẩm bất kỳ từ giao diện quản trị chính củaMagento, các bạn mở Catalog > Manage Products > Add Product (ở gần phía trên bên phải):

Lựa chọn thiết lập riêng của sản phẩm (Attribute SetProduct Type), nhấnContinue để tiếp tục:

Tiếp theo, chúng ta sẽ phải điền đầy đủ các trường có liên quan tới: Name, SKU (Stock Keeping Unit), Weight, Status (Enabled/Disabled), Tax Class… Hoặc tự tùy chỉnh thuộc tính bằng cách nhấn nút Create New Attribute:

Khi hoàn tất bước này, các bạn nhấn Save and Continue Edit để chuyển sang bước tiếp theo: nhập giá ban đầu của sản phẩm. Bên cạnh đó là 1 số tùy chọn mở rộng như Tier PriceSpecial Price:

Sau đó, các bạn sẽ phải điền một số thông tin miêu tả ngắn gọn về sản phẩm, bao gồm DescriptionShort Description:

Nhấn Save and Continue Edit và sản phẩm vừa tạo của chúng ta sẽ được hệ thống lưu lại. Nếu muốn chỉnh sửa, thay đổi thông tin của bất kỳ sản phẩm nào, các bạn có thể sử dụng menu Product Information ở phía bên trái. Và để hiển thị trên trang Front, hãy đảm bảo rằng đã thiết lập tình trạng In Stock trong menuInventory ở phía bên trái.

Tiếp theo là việc gán ảnh minh họa với sản phẩm tương ứng, tất cả những gì chúng ta cần làm ở đây là chọn sản phẩm cần thiết từ menu Catalog > Manage Products, sau đó chọn tiếp Images trong menu Product Information ở phía bên trái. Nhấn nút Browse Files và chọn file ảnh tương ứng trên máy tính, nhấn tiếpUpload Files để tải ảnh đó lên hệ thống. Cuối cùng, đặt tên cho file ảnh và chọn vị trí hiển thị trên sản phẩm. Sau đó nhấn Save:

Bên cạnh đó, nhấn nút Create New Attribute để gán thêm thuộc tính vào sản phẩm:

Khi hoàn tất, nhấn Save AttributeSave để lưu lại toàn bộ thông tin về sản phẩm trên hệ thống. Và cũng tại bước này, bạn sẽ nhìn thấy thông tin yêu cầu về giá – Price của Product, bên cạnh đó là một vài mức giá mở rộng khác như: Special Price, tỉ lệ thuế…

Nhấn nút Save một lần nữa, và tại đây chúng ta cần phải gán sản phẩm mới vàoCategory đã được chọn sẵn:

Ở chế độ mặc định thì Magento đã bao gồm sẵn các tùy chọn để người dùng đặt tag cho sản phẩm của họ. Khi tag 1 sản phẩm bất kỳ nào đó, thì tag đó sẽ ở trong trạng thái pending – chờ xử lý để được hiển thị trên trang Product. Để thực hiện, các bạn chỉ cần nhập những từ khóa tag trong trường Add Your Tags tại trangProduct tương ứng, sau đó nhấn Add Tags. Ví dụ tại đây, chúng ta sẽ gán từGreate làm tag, hệ thống sẽ hiển thị thông tin xác nhận để báo cho người dùng biết về sự thay đổi đó:

Sau đó, các bạn mở Catalog > Tags > Pending Tags để xem tất cả các tag đang chờ được duyệt. Và tại đây chúng ta sẽ nhìn thấy 1 tag đang ở trong tình trạngPending với từ “Great

Nhấn vào tag đó, và các bạn sẽ được chuyển sang trang tiếp theo. Tại đây chúng ta có thể dễ dàng thay đổi tình trạng tương ứng của tag đó. Đổi từ Pending thànhApproved và nhấn Save Tag để lưu sự thay đổi:

Sau khi tag được duyệt thì tất cả người dùng khác đã có thể nhìn thấy thông tin đó trên trang Product. Bên cạnh đó, chúng ta còn có thể dễ dàng quản lý các tag khác nhau trên thuộc tính cơ bản của cùng 1 sản phẩm. Mở trang quản trị và chọnCatalog > Manage Products, sau đó nhấn vào đường dẫn tag của Product cần kiểm tra, và chọn tiếp Product Tags từ menu bên trái thì các bạn sẽ thấy tất cả các tag tương ứng của sản phẩm đó.

The post Quản lý danh mục sản phẩm Magento appeared first on iZTheme.

]]>