Tìm kiếm Blog này

Pages

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">
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:

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.

Menu - Thêm một Block bất kỳ vào Menu chính của website

Block ID: block_header_nav_dropdown

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"}}