Tìm kiếm Blog này

Pages

Hiển thị các bài đăng có nhãn Category. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Category. Hiển thị tất cả bài đăng

Chủ Nhật, 17 tháng 8, 2014

Category - Hiển thị các sản phẩm trong một Category bất kỳ trên trang CMS page

Mục đích:
Gọi 1 khối sản phẩm trong một Category thông qua ID và đặt trong 1 CMS page ( Homepage chẳng hạn )
Thực hiện:
- Tạo 1 category trong Backend, thêm các sản phẩm vào category này, sau đó hiển thị các sản phẩm trong category đó thông qua code sau:
{{block type="fortis/product_list_featured" category_id="6" product_count="16" is_responsive="1" breakpoints="[1280, 6], [960, 5], [768, 4], [480, 3], [320,
2], [240,1]" centered="1" move="0" block_name="Recommended Products" hide_button="1" template="catalog/product/list_featured_slider.phtml"}}
Chú thích:
  • category_id="": là ID của category đó, mỗi category tạo ra trong backend sẽ có duy nhất 1 số ID
  • product_count="": là tổng các sản phẩm sẽ được hiển thị ra ngoài frontend
  • block_name="": là tên của block sẽ hiển thị bên ngoài frontend

Hiển thị các sản phẩm là New Product trong một Category, dùng đoạn code sau:
{{block type="catalog/product_new" products_count="8" is_responsive="1" breakpoints="[1280, 6], [960, 5], [768, 4], [480, 3], [320,
2], [240,1]" centered="1" block_name="New Products in Stock" hide_button="1" template="catalog/product/new.phtml"}}

Thứ Bảy, 16 tháng 8, 2014

Category - Tạo mới và cấu hình cho một phân mục sản phẩm Category

Category được xem như một Danh mục Sản Phẩm, giúp quản lý sản phẩm theo từng nhóm khác nhau trong website. Để truy cập phần quản trị Danh Mục Sản Phẩm (Category) trong Atstotal hay Magento.
- Đăng nhập vào phần quản trị Admin ( Backend Magento )
- Trên thanh menu chính của trang quản trị, truy cập Catalog => Manage Categories
Hình 1


Cách tạo một Category mới


Giới thiệu tổng quan- Sau khi đăng nhập phần quản trị Danh Mục Sản Phẩm thành công, sẽ thấy thanh Menu bên trái như hình bên dưới.
- Trong thanh Menu, phần Categories ( khung màu đỏ) có 2 nút

  1. Add Root Category => Khi cần tạo Danh Mục Sản Phẩm gốc cho một Store View. Trong Atstotal có 2 Store View chính là StoreView VietNamStoreView English.
  2. Add Subcategory => Khi cần tạo một Danh mục con của Root Category hay một Danh mục con trong các Danh mục con của Root Category. Mỗi danh mục có thể gồm nhiều danh mục con.

Hình 2

Các bước tạo một Danh Mục sản phẩm mới.
  1. Chọn một Store View trong menu Choose Store View ( khung màu xanh lá ) trong Hình 2 . Sau khi chọn Store View trang sẽ tự động reload lại và chỉ hiển thị các phân mục sản phẩm thuộc Store View đã chọn.
  2. Click chọn một Danh mục mà bạn cần tạo Danh mục con mới bên trong nó ( danh mục được chọn sẽ được tô màu đậm ). Sau đó Click nút Add Subcategory. Sau khi trang reload, phần nội dung bên phải sẽ hiển thị giúp bạn cấu hình cho Category mới. Việc cấu hình trãi qua các bước sau đây.

General Information:

- Name*: Đặt tên cho Category cần tạo mới
- Is Active*: Cho Caterogy hiển thị hay không ngoài Frontend (Yes/No)
- URL Key: Tên đường dẫn liên kết với Category này. Vi du: ten-category-moi
- Description: Phần mô tả tổng thể cho Category, phần mô tả này sẽ hiển thị ngay bên trên các sản phẩm của Category này khi người dùng Click vào Category ngoài Frontend.
Description Trong Category
- Thumbnail Image: hình ảnh thu nhỏ dưới dạng Thumbnail cho Category
- Image: hình ảnh đại diện cho Category.
- Page Title: Tiêu đề trang website khi người dùng click xem category này.
- Meta Keywords: nhập các từ khóa liên quan đến category của bạn, có thể dùng nhiều từ khóa khác nhau, cách nhau bởi dấu "phẩy". Nên chọn các từ khóa mà bạn nghĩ người dùng sẽ tìm thấy sản phẩm của bạn dễ dàng khi sử dụng nó để tìm các sản phẩm trong các bộ máy tìm kiếm như google chẳng hạn.
- Meta Description: phần mô tả sản phẩm trong thẻ <head></head>, dùng thay thế cho mô tả của Store trong system => configuration => Design => tab HTML Head.
- Include in Navigation Menu: Có hiển thị hay không Tên category này trong thanh menu chính (Yes/No).
Khi Include In Navigation Menu được chọn
Display Settings:

- Display Mode:
Với các tùy chọn hiển thị sau đây
  1. Products Only:
    Chỉ cho hiển thị các sản phẩm bên trong Category này bên ngoài Frontend.
  2. Static Block Only
    Chỉ cho hiển thị nội dung của một Static Block ( tìm hiểu cách tạo mới và sử dụng Static Block )
  3. Products and Static Block
    Vừa hiển thị nội dung Static Block, vừa hiển thị các sản phẩm bên trong Category này
- CMS Block: Tên Static Block chọn để xuất hiện nếu Display mode là Static Block Only hoặc Products and Static Block.
- Is Anchor: Cho phép hay không việc hiển thị một Menu lọc sản phẩm trong Category này theo các thuộc tính của sản phẩm, như giá, màu sắc, kích thước..v.v ( Yes/No )
- Available Product Listing Sort By*: để mặc định.
- Default Product Listing Sort By*: để mặc định.
- Layered Navigation Price Step: để mặc định.

Custom Design:

- Use Parent Category Settings: có hay không áp dụng những cấu hình của Category cha ( Yes/No )

- Apply To Products: có áp dụng cấu hình này cho các sản phẩm bên trong hay không.

- Custom Design: chọn một mẫu giao diện hiển thị cho Category này ( cứ để mặc định )

- Active From: thời gian bắt đầu hiệu lực của Custom Design

- Active To: thời gian hiệu lực kết thúc

- Page Layout: chọn trang layout hiển thị là 1column, 2 columns, 3columns.

- Custom Layout Update: cấu hình xml cập nhật giao diện cho trang hiển thị sản phẩm trong Category ( cứ để trống ) => Tham khảo thêm về Custom Layout Update trong Magneto

Menu:

Trong thanh menu chính ở hình bên dưới, ví dụ Category CẢM BIẾN là Category cha của các Category bên trong như Cảm biến Gas, Cảm biến chuyển động, Cảm biến nhiệt độ. Cấu hình cho Category cha gồm các thành phần sau đây.



Block Right: là Block nội dung hiển thị bên phải menu dropdown ( khi re chuột vào menu cha ) cùng với các Category con của CẢM BIẾN. Tỷ lệ độ rộng của các menu con / Block right sẽ được cấu hình ngay trong phần Proportions: Subcategories / Block Right tiếp sau.

Proportions: Subcategories / Block Right với các tỷ lệ 5/1; 4/2; 3/3; 2/4 ... ( chỉ áp dụng cho Top Level Category ), tỷ lệ này tính theo số cột, tổng số cột tối đa là 6.

Block Top: Block nội dung bên trên các Subcategogy ( khung xanh ). Dùng hiển thị menu con hay thông báo, chứa nội dung là HTML

Block Bottom: Block nội dung bên dưới cùng các Succategogy ( khung xanh ). Dùng hiển thị menu con hay thông báo, chứa nội dung là HTML

Category Label: Nhãn gắn trên Category menu ( New / Sale %)
Category Product: 
Hiển thị danh sách các sản phẩm thuộc trực tiếp trong Category này, không bao gồm các sản phẩm trong các Category con ( hay còn gọi là Sub-Category ).