Tìm kiếm Blog này
Website http://atstotal.com được thiết kế bởi Võ Quốc Duy trên Frame-work Magento Community. Email: quocduy240@gmail.com. Mobile: 01278672707 A.Duy.
Bản quyền thuộc về Auto Solution Company.
Địa chỉ: Gian A16, Lô A cao ốc A Nguyễn Kim, Đường Tân Phước, Phường 7, Quận 10, Tp HCM, Việt Nam.
Thứ Sáu, 22 tháng 8, 2014
Contact - Cấu hình thông tin cho trang liên hệ
Các Static Block xuất hiện ngay bên trong nội dung của trang liên hệ.
Trang liên hệ có 2 Static Block đã tích hợp sẵn
1. Block đứng trước Contact Form
Identifier: block_contactform_top_contactpage
2. Block đứng ngay sau Contact Form
Identifier: block_contactform_bottom_contactpage
Frontend - Định dạng và trang trí nội dung cho Website
Atstotal website đã tích hợp sẵn các CSS Class, giúp người quản trị web dễ dàng định dạng các khối trong CMS => Static Block, CMS Pages nhanh chóng, thuận tiện chỉ cần copy/paste.
1. CSS Class dùng cho Box chứa nội dung là các thẻ <div></div>
Cách dùng: chèn vào một thẻ <div></div> bất kỳ bao lấy "Nội Dung Bên Trong" nó.
<div class="CLASS_CSS_CAN_SU_DUNG">
Tên các Class CSS có thể dùng:
box_grey => <div class="box_grey"> </div>
box_green => <div class="box_green"> </div>
1. CSS Class dùng cho Box chứa nội dung là các thẻ <div></div>
Cách dùng: chèn vào một thẻ <div></div> bất kỳ bao lấy "Nội Dung Bên Trong" nó.
<div class="CLASS_CSS_CAN_SU_DUNG">
Nội Dung Bên Trong</div>
Tên các Class CSS có thể dùng:
box_grey => <div class="box_grey"> </div>
box_green => <div class="box_green"> </div>
Thứ Năm, 21 tháng 8, 2014
CMS Pages - Cách tạo một trang CMS page
Giới thiệu:
CMS page là một trang có nội dung bất kỳ, chứa mã HTML, thường là một bài viết hướng dẫn, giới thiệu, quảng cáo.. v.v. Giống như việc viết một bài nội dung trên Blog cá nhân.
Hướng dẫn các bước tạo trang CMS Page trong website:
- Đăng nhập vào Backend.
Bước 1:
Bước 2:
Bước 3:
CMS page là một trang có nội dung bất kỳ, chứa mã HTML, thường là một bài viết hướng dẫn, giới thiệu, quảng cáo.. v.v. Giống như việc viết một bài nội dung trên Blog cá nhân.
Hướng dẫn các bước tạo trang CMS Page trong website:
- Đăng nhập vào Backend.
Bước 1:
Bước 2:
Bước 3:
Menu - Thêm một liên kết trỏ đến một trang CMS page bất kỳ trên menu Chính
Thêm một liên kết với tên GIỚI THIỆU vào menu chính trên trang web. Khi KH click vào liên kết này sẽ mở ra một trang CMS page có nội dung giới thiệu về Atstotal.
Liên kết GIỚI THIỆU sau khi thêm vào Menu:
Các bước thực hiện như sau:
- Đăng nhập vào Backend.
Bước 1: Tạo Trang CMS page có nội dung "Giới thiệu về Atstotal" có dường dẫn URL ví dụ là: gioi-thieu-chung-ve-atstotal => Tham khảo cách tạo một trang CMS Page.
Bước 2: Truy cập CMS => Static Blocks => Lọc tìm Block có Identify: block_nav_links
Bước 3: Mở Block trên, truy cập đến phần nội dung ( content ) của Block.
Bước 4: Thêm vào đoạn code sau đây bên trong tag <li></li>:
<li class="level0 level-top right">
<a class="level-top" href="{{store direct_url='gioi-thieu-chung-ve-atstotal'}}" title="Giới thiệu chung về cửa hàng Atstotal">
<span>Giới thiệu</span>
</a>
</li>
Chú thich:
{{store direct_url='gioi-thieu-chung-ve-atstotal'}}: Màu đỏ là URL của trang CMS page đã tạo ở bước 1.
<span>Giới thiệu</span> : "Giới thiệu" là tên của liên kết sẽ hiện ra trên menu chính.
title="Giới thiệu chung về cửa hàng Atstotal" : "Giới thiệu chung về cửa hàng Atstotal" là mô tả cho liên kết, sẽ hiện ra khi KH re chuột lên liên kết "Giới thiệu"
Lưu lại và xem kết quả ngoài Frontend.
Liên kết GIỚI THIỆU sau khi thêm vào Menu:
Các bước thực hiện như sau:
- Đăng nhập vào Backend.
Bước 1: Tạo Trang CMS page có nội dung "Giới thiệu về Atstotal" có dường dẫn URL ví dụ là: gioi-thieu-chung-ve-atstotal => Tham khảo cách tạo một trang CMS Page.
Bước 2: Truy cập CMS => Static Blocks => Lọc tìm Block có Identify: block_nav_links
Bước 3: Mở Block trên, truy cập đến phần nội dung ( content ) của Block.
Bước 4: Thêm vào đoạn code sau đây bên trong tag <li></li>:
<li class="level0 level-top right">
<a class="level-top" href="{{store direct_url='gioi-thieu-chung-ve-atstotal'}}" title="Giới thiệu chung về cửa hàng Atstotal">
<span>Giới thiệu</span>
</a>
</li>
Chú thich:
{{store direct_url='gioi-thieu-chung-ve-atstotal'}}: Màu đỏ là URL của trang CMS page đã tạo ở bước 1.
<span>Giới thiệu</span> : "Giới thiệu" là tên của liên kết sẽ hiện ra trên menu chính.
title="Giới thiệu chung về cửa hàng Atstotal" : "Giới thiệu chung về cửa hàng Atstotal" là mô tả cho liên kết, sẽ hiện ra khi KH re chuột lên liên kết "Giới thiệu"
Lưu lại và xem kết quả ngoài Frontend.
Block - Bản quyền Website cuối trang web bên phải
Thông tin bản quyền Website.
Chỉnh sửa thông tin:
- Loggin Backend
- System => Configuration => Chuyển sang menu bên trái:
Current Configuration Scope => chọn Store View cần chỉnh => đợi trang reload
Tab Configuration => Design => đợi trang reload xong.
Nhìn sang nội dung bên phải của trang => tìm đến Footer Tab => chỉnh sửa thông tin trong nội dung copyright. Tùy theo Store View bạn chọn là tiếng Anh hay tiếng Việt mà thông tin copyright cũng khác nhau.
Thứ Tư, 20 tháng 8, 2014
Block - Các Block chỉ hiển thị trên Trang Chủ ( Home )
Các Static Block trên trang chủ:
Identify: block_home_preface
Block này hiển thị ngay sau Slide Show, trước phần nội dung chính của trang chủ. Sử dụng để hiển thị thông báo, các banner khuyến mãi trên trang chủ Website đến KH.
Identify: block_home_left1; block_home_left2; block_home_left3
3 block này chỉ hiển thị trên trang chủ bên cột left ( left column ). Có thể gọi 1 Block khác từ các Block này
Các Block được gọi trong một Static Block khác:
Code gọi Block:
{{block type="brands/brands" show_items="5" is_responsive="1" block_name="Best Store and Best Brands" template="infortis/brands/brand_slider.phtml"}}
Code gọi Block:
{{block type="ultramegamenu/navigation" template="infortis/ultramegamenu/categories.phtml"}}
Identify: block_home_preface
Block này hiển thị ngay sau Slide Show, trước phần nội dung chính của trang chủ. Sử dụng để hiển thị thông báo, các banner khuyến mãi trên trang chủ Website đến KH.
Identify: block_home_left1; block_home_left2; block_home_left3
3 block này chỉ hiển thị trên trang chủ bên cột left ( left column ). Có thể gọi 1 Block khác từ các Block này
Các Block được gọi trong một Static Block khác:
Code gọi Block:
{{block type="brands/brands" show_items="5" is_responsive="1" block_name="Best Store and Best Brands" template="infortis/brands/brand_slider.phtml"}}
Code gọi Block:
{{block type="ultramegamenu/navigation" template="infortis/ultramegamenu/categories.phtml"}}