Miso Blog

Ngoài lề một chút, tại sao mình viết blog Tiếng Việt mà lại hay để tiêu đề bài viết theo Tiếng Anh? Thực ra không có gì, mình chỉ là cảm thấy tiêu đề theo Tiếng Anh nhiều khi đọc dễ hiểu hơn Tiếng Việt. Nhất quán về ngôn ngữ cũng quan trọng, tuy nhiên cái gì giúp người sử dụng tìm được thông tin mình cần nhanh và chính xác nhất thì cứ thế mà xài. Ok, tiếp tục bài viết.

VirtueMart là component cung cấp chức năng bán hàng trực tuyến dành cho Joomla rất nổi tiếng. Kết hợp với VirtueMart, Joomla lập tức trở thành một trang thương mại điện tử chuyên nghiệp. Nhiều chức năng, dễ chỉnh sửa giao diện và đặc biệt là miễn phí - những điều đó đã khiến người dùng Joomla, nhà nhà người người đều nghiên cứu VirtueMart để giúp cho công việc kinh doanh của mình tốt hơn. Thông thường một sản phẩm bày bán trên website có nhiều đặc điểm, thuộc tính (nhất là các sản phẩm công nghệ); trình bày sản phẩm theo dạng Tab là một cách rất thông minh, giúp thông tin sản phẩm đẹp hơn và dễ tra cứu một cách khoa học. Người chuyên nghiệp thì có thể tự viết code, tuy nhiên bài này chính là chia sẻ một cách đơn giản để hiển thị thông tin sản phẩm chi tiết trong VirtueMart theo dạng Tab. Đơn giản, hiệu quả mà lại có sẵn; đôi khi như vậy lại năng suất hơn việc ngồi viết code rồi chỉnh sửa dài dài.

Hiển thị thông tin sản phẩm theo dạng Tab, cái này thì quen thuộc rồi. Nhưng nếu chưa tưởng tượng ra nó trông như thế nào thì có thể xem qua ví dụ:

• Tab có thể đơn giản để chia ra 2 mục: Bộ giàn âm thanh Sony DZ810
• Hoặc với sản phẩm cần chia ra nhiều tab hơn: Điện thoại IP GrandStream GXP2020

Những site trên đều không phải Joomla, còn đây là ví dụ về Joomla và VirtueMart:

• Hiển thị tab cho sản phẩm: Điện thoại IP GrandStream GXP2010

Giới thiệu thì dài dòng, nhưng cách làm thì đơn giản:

1. Cài plugin hiển thị tab trong bài viết Joomla
2. Cấu hình để VirtueMart có thể dùng các plugin giống như trong bài viết (bao gồm cả plugin hiển thị tab)

Sở dĩ có 2 bước như trên là vì sản phẩm của VirtueMart (thuộc Component VirtueMart) và bài viết (thuộc Component Content) đều có thể trình bày bằng cùng một trình soạn thảo trong Joomla, nhưng nội dung thuộc 2 component khác nhau nên không dùng chung plugin được.

1. Cài plugin hiển thị tab trong bài viết Joomla

Cài Plugin Tabs & Slides (in content items) - Demo - Download

Cài đặt như bình thường (Extensions → Install/Uninstall), sau đó vào Plugin Manager để enable lên. Trong đó cũng có hướng dẫn sử dụng luôn, đọc kỹ một chút tất nhiên là rất tốt.

2. Cấu hình VirtueMart để dùng được plugin dành cho bài viết

Components → VirtueMart → Admin → Configurations → Global → Frontend Features → đánh dấu vào Enable content mambots / plugins in descriptions?

Done!

Cách sử dụng:

Soạn nội dung sản phẩm theo cấu trúc dạng như trên, với "Features & Benefits", "Specifications"... là các tên Tab, ta được Tab ra giống như sau:

Đó là tất cả những gì phải làm.

Có thể style cho tab đẹp theo ý mình. Sửa giao diện thì vào file
{root}/plugins/content/plugin_jw_ts/tabs_slides.css

Subscribe
MisoBlog RSS

Hứng thú với những bài viết trên MisoBlog? Hãy thử đăng ký nhận tin mới qua email, hoặc chia sẻ bài viết bằng thanh công cụ dưới đây.