CMS Page - Cập nhật nội dung cho một CMS page trong Magento

CMS Page - Cập nhật nội dung cho một CMS page trong Magento

  01:58    Võ Quốc Duy

---

Sau khi tạo một CMS Pages mới trong Magento. Hoặc cần chỉnh sửa các trang CMS Page đã tạo trước đó. Bạn thực hiện như sau:
- Vào Backend Magento => CMS => Pages => Chọn trang cần chỉnh sửa trong cửa sổ
- Trong menu Page Information bên trái truy cập Content. Một cửa sổ chỉnh sửa nội dung cho page hiện ra như sau:

Các nội dung có thể chèn vào một trang CMS page từ các nút trong hình trên:
Show/Hide Editor: Chuyển đổi chế độ Edit HTML ( dùng mã HTML ) hay WYSWYG ( Thấy gì có nấy )
Insert Widget...: Chèn một widget đã tạo trong CMS => Widgets vào CMS Page
Insert Image: Chèn một hình vào trong CMS Page.
Insert Variable: chèn một biến (  thường là những thông tin hay sử dung nhất trong website ) vào CMS Page.

1. Hình ảnh:

- Lưu trữ trên hosting server (Storage) tại thư mục: /web-root/media/wysiwyg/
- Click Create Folder nêu muốn tạo thư mục trên hosting server cho dễ quản lý
- Browse Files sẽ chuyển sang cửa sổ chọn hình ảnh để upload ngay trên máy tính của bạn. Sau khi chọn xong click nút Upload Files để bắt đầu tiến trình upload file lên server.
- Sau khi upload ảnh xong, Click chọn ảnh => Enter

2. Widgets:
Chèn những widgets đã tạo trước đó trong CMS => Widgets.

Tham khảo thêm:
- Widgets trong Magento là gì
- Cách tạo Widgets trong Magento
- Cách cài đặt một Widget mở rộng vào Magento.

3. Chèn biến Variable:
Biến ở đây thường là những thông tin liên quan đến website Magento được sử dụng nhiều lần trên nhiều trang CMS Pages khác nhau. ích lợi từ việc sử dụng biến là khi những thông tin trên website thay đổi thì các trang CMS Pages sử dụng biến cũng được cập nhật thông tin theo. Bạn khôn tốn thời gian chỉnh sửa lại từng trang một. Sau đây là danh sách các biến thương dùng khi click nút Insert variable.

Read More

Breadcrumbs - Thêm thanh Breadcrumbs vào một CMS Pages bất kỳ trong Magento

Breadcrumbs - Thêm thanh Breadcrumbs vào một CMS Pages bất kỳ trong Magento

  01:14    Võ Quốc Duy

---

Breadcrumbs là block chứa một đường dẫn trong trang web từ trangchu/.../trang-hien-tai. Giúp người dùng trở lại các trang trước đó dễ dàng hơn.

Cách thực hiện:
Bước 1: Đăng nhập vào phần quản trị Backend của Magento. Chọn vào CMS => Pages, mở trang mà bạn muốn thêm breadcrumbs vào.

Bước 2: Chọn vào phần Layout Update XML thêm đoạn xml sau vào và sửa breadcrumbs theo đường dẫn của bạn:
<reference name="root"> 

              <action method="unsetChild"><alias>breadcrumbs</alias></action> 

              <block type="page/html_breadcrumbs" name="breadcrumbs" as="breadcrumbs"> 

                    <action method="addCrumb"> <crumbName>Home</crumbName> <crumbInfo><label>Home</label><title>Home</title><link>/</link></crumbInfo> </action> 

                    <action method="addCrumb"> <crumbName>About us</crumbName> <crumbInfo><label>About us</label><title>About us</title></crumbInfo> </action> 

             </block> 

</reference>

Read More

CMS page - Trang 404 error nội dung tham khảo

CMS page - Trang 404 error nội dung tham khảo

  19:16    Võ Quốc Duy

---

English:
<div class="page-title"><h1>404 Error - Page not found in atstotal.com site ! </h1></div>
<dl>
<dt>The page you requested was not found, and we have a fine guess why.</dt>
<dd>
<ul class="disc">
<li>If you typed the URL directly, please make sure the spelling is correct.</li>
<li>If you clicked on a link to get here, the link is outdated.</li>
</ul></dd>
</dl>
<dl>
<dt>What can you do?</dt>
<dd>Have no fear, help is near! There are many ways you can get back on track with Magento Store.</dd>
<dd>
<ul class="disc">
<li><a style="color:red;" href="#" onclick="history.go(-1); return false;">Go back</a> to the previous page.</li>
<li>Use the search bar at the top of the page to search for your products.</li>
<li>Follow these links to get you back on track!<br /><a style="color:red;" href="{{store url=""}}">Store Home</a> <span class="separator">|</span> <a style="color:red;" href="{{store url="customer/account"}}">My Account</a></li></ul></dd></dl>

Viet Nam:

<div class="page-title"><h1>Lỗi 404 - Trang không được tìm thấy trong website atstotal.com ! </h1></div>
<dl>
<dt>Trang bạn yêu cầu không tồn tại trong website Atstotal, sau đây là một số nguyên nhân thường gặp.</dt>
<dd>
<ul class="disc">
<li>Nếu bạn nhập đường dẫn trực tiếp. Xin kiểm tra lỗi cú pháp đường dẫn web URL trên thanh địa chỉ</li>
<li>Nếu bạn click vào một liên kết dẫn đến trang này, thì liên kết đã hết hạn hay nội dung đã xóa khỏi website.</li>
</ul></dd>
</dl>
<dl>
<dt>Bạn có thể làm gì khi gặp lỗi này?</dt>
<dd>Không có gì đáng lo ngại. Có nhiều cách giúp bạn trở lại cửa hàng Atstotal</dd>
<dd>
<ul class="disc">
<li><a style="color:red;" href="#" onclick="history.go(-1); return false;">Trở lại</a> Trang trước đó.</li>
<li>Sử dụng Thanh Tìm Kiếm ở đầu trang web để tìm các sản phẩm bạn cần .</li>
<li>Theo các liên kết sau để tiếp tục !<br /><a style="color:red;" href="{{store url="trang-chu"}}">Về trang chủ</a> <span class="separator">|</span> <a style="color:red;" href="{{store url="customer/account"}}">Tài khoản của tôi</a></li></ul></dd></dl>

Read More