05/10/2018, 11:01

Giỏ hàng dropdown cart Ajax trong joomla

Đây là một hiệu ứng rất, cách thể hiển giỏ hàng chuyên nghiệp được hỗ trợ trong joomla. Dropdown cart sử dụng công nghệ ajax cho phép bạn tiết kiệm diện tích và tạo sự tiện lợi cần thiết cho khách hàng của bạn. Đây là cách bạn sử dụng molule s5_dropdown_cart_AJAX để tạo ra giỏ hàng dropdown ...

Đây là một hiệu ứng rất, cách thể hiển giỏ hàng chuyên nghiệp được hỗ trợ trong joomla. Dropdown cart sử dụng công nghệ ajax cho phép bạn tiết kiệm diện tích và tạo sự tiện lợi cần thiết cho khách hàng của bạn.

Đây là cách bạn sử dụng molule s5_dropdown_cart_AJAX để tạo ra giỏ hàng dropdown download tại đây. Các bước thực hiện như sau.

Cài đặt template cho giỏ hàng VirtueMart

Tuy là thành một thành phần trong joomla tuy nhiên VirtueMart cũng cho phép bạn cài các thành phần mở rộng vào trong số đó có template. Trong bài Cài đặt VirtueMart tạo giỏ hàng trong joomla có file down về trong đó có file tempalte, bạn copy để vào địa chỉ: E:AppServwwwcdonline_shopcomponentscom_virtuemart hemes sau đó và mục quản lý VirtueMart mục Configuration/ Site bạn chọn lại template vừa copy vào.

Cài đặt theme cho giỏ hàng

Cài đặt theme cho giỏ hàng

Dropdown cart Ajax

Trong file bạn tải về có file shop.s5_dropdown.php bạn copy để vào theo địa chỉ: E:AppServwwwcdonline_shopadministratorcomponentscom_virtuemart cái này thì tùy vào bạn lưu nơi đâu để vào cho hợp lý.

Típ đến file productsnapshot.tpl.php bạn ghi đè lên file trong thư mục: E:AppServwwwcdonline_shopcomponentscom_virtuemart hemescdonline emplatescommon đây là trong template bạn vừa cài vào cho giỏ hàng.

Các bước chuẩn bị gần như xong, giờ bạn cài đặt mod mod_virtuemart_s5_dropdown_cart_AJAX.zip trong file bạn down về khi nảy. Giờ thì kích hoạt module lên và tùy chỉnh một số thông số để nó hiển thị theo ý bạn.

Tùy chỉnh lại hiển thị giỏ hàng dropdown ajax

Tùy chỉnh lại hiển thị giỏ hàng dropdown ajax

  • Width: Độ rộng giỏ hàng.
  • Height: Độ cao
  • Các thông số margin, padding.
  • Thông số về màu nền, màu viền …
  • Font Size: Cở chữ.
  • Title Text: Tiêu đề giỏ hàng.
  • Show Cart Button Text: Chữ hiển thị xem giỏ hàng
  • Expand Drop Down Button Text: Chữ hiển thị nút bấm vào xem các sản phẩm trong giỏ hàng.
  • Individual Price Text: Giá.
  • Order Total Text: Tổng tiền.
  • Items Text: Món hàng.

Chọn lại vị trí hiển thị module là cart. Ra ngoài trang chủ để xem kết quả.

HIển thị cart dropdown ajax trong joomal

HIển thị cart dropdown ajax trong joomal

Kết luận: Vậy là có một giỏ hàng dropdown công nghệ ajax hehe, Khi có các món hàng trong giỏ bạn sẽ thấy được rõ ràng các tính năng của mod này. Chúc thành công.

VN:F [1.9.22_1171]
Rating: 7.0/10 (5 votes cast)
Giỏ hàng dropdown cart Ajax trong joomla, 7.0 out of 10 based on 5 ratings
Tags:dropdown cart Ajax, Thiết kế joomla
0