Hướng dẫn làm website Bất động sản với Component Properties

real estate

Bài viết này thực hiện (hoặc lụm bài về đăng câu like từ các trang khác) bởi Việt Lâm Coder một YOUTUBER có tâm và đẹp trai siêu cấp vô địch zũ trụ.

Đây là một Component rất hay và thật sự rất cần thiết với những website về bất động sản ,và mình kiếm component này cũng khá vất cả đấy :d

Hôm nay mình xin hướng dẫn các bạn sử dụng Component này để xây dựng trang bất động sản .

Đầu tiên các bạn tải gói comp này về tại đây . Gói comp này đã bao gồm toàn bộ component ,modules và các plugin đi kèm .(sướng nhóa)

Sau đó các bạn giải nén gói này ra ,truy cập vào trang quản lý website ,tiến hành cài đặt file J15_com-properties_4_basic_20110929.zip tại thẻ Install /uninstall .

Hướng dẫn làm website Bất động sản với Component Properties

Đây là giao diện chính của component sau khi cài đặt thành công .

Hướng dẫn làm website Bất động sản với Component Properties

Chúng ta đi tìm hiểu thẻ đầu tiên đó là Categories ,tại thẻ này các bạn tạo những danh mục để đăng tin .Ở đây mình tạo 4 danh mục đó là “nhà bán ,đất bán ,nhà cho thuê,đất cho thuê”

Hướng dẫn làm website Bất động sản với Component Properties

Tiếp sang thẻ Types ,các bạn tạo thể loại mua bán ,tại mục Parent các bạn có thể lựa chọn danh mục ở trên hoặc chọn All Categories.Ở đây mình tạo các thể loại “văn phòng,nhà ở,chung cư,mặt bằng …” .

Hướng dẫn làm website Bất động sản với Component Properties

Trở lại thẻ Control Panel ,các bạn chọn mục Country ,mục này là quốc gia ,thì ở đây mình chỉ tạo 1 quốc gia là Việt Nam.

Hướng dẫn làm website Bất động sản với Component Properties

Tiếp tục quay lại thẻ Control Panel ,các bạn chọn States ,mục này có nghĩa là tiểu bang,vùng miền … Thì ở đây mình đặt là Miền Trung và chọn Country cho nó là Việt Nam.Các bạn có thể tạo nhiều States như Nam trung bộ ,Bắc trung bộ ….

Hướng dẫn làm website Bất động sản với Component Properties

Tiếp tục thẻ Control Panel các bạn chọn mục Localities ,mục này có nghĩa là địa phương ,thì mình đặt là Kon Tum ,chọn States là Miền trung, như trên thì các bạn có thể tạo nhiều Localities trong một States hoặc nhiều States.

Hướng dẫn làm website Bất động sản với Component Properties

Đấy cấu trúc của nó là như vậy ,tiếp tục chúng ta tìm hiểu một số mục khác .
+ Currencies : Đơn vị tiền tệ .
+ Agents Profiles : Người quản lý component.
+ Contacs forms sent : Thư khách hàng.
+ Và một số thẻ khác.

 

Để thêm một sản phẩm ,các bạn chọn thẻ Products .Chọn nút New và hiệu chỉnh các thông số như sau :

+ Title : Tên của sản phẩm.
+ Category : Danh mục .
+ Types : thể loại mua bán.
+ Country : Quốc gia
+ States : Khu vực ,bang ..
+ Localities : Địa phương,tỉnh ..
+ Address : Địa chỉ.
+ Market Status :
– Available : có sẵn.
– leased : cho thuê.
– sold : Bán.
– Under offer : theo đề nghị.
– subject to contract : Hợp đồng.
– under contract : theo hợp đồng.
+ Price : giá

Và một số thông tin khác.

Hướng dẫn làm website Bất động sản với Component Properties

Qua thẻ Description ,đây là mô tả về sản phẩm của các bạn ,thẻ Images là nơi các bạn upload hình ảnh đại điện cho sản phẩm .

 

Mình sẽ tiếp tục hướng dẫn các bạn tận dụng hệ thống Menu của Component này .

Đầu tiên các bạn vào Menus manager ,tạo một menu có tên là “Theo danh mục” ,trong menu này các bạn nhấn nút New ,chọn Properties ,Category và chọn Category Layout .Như ở phần trước mình có 4 danh mục là “nhà bán ,đất bán,nhà cho thuê,đất cho thuê” ,vậy mình sẽ tạo 4 menu tương ứng với 4 danh mục này .

Hướng dẫn làm website Bất động sản với Component Properties

Tại mục Select Category các bạn chọn Danh mục tương ứng với tiêu đề Menu .

Hướng dẫn làm website Bất động sản với Component Properties

Ok sau khi tạo hết các danh mục ,các bạn vào Modules Manager ,nhấn vào nút New và chọn là Menu .Đặt tên cho Module ,ở đây mình đặt là “Theo danh mục “chọn vị trí hiển thị ,tại mục Menu Name mình chọn menu Theo danh mục mình vừa tạo ở trên .

Hướng dẫn làm website Bất động sản với Component Properties

Ra ngoài Site và kiểm tra .

Hướng dẫn làm website Bất động sản với Component Properties

Ok như vậy là chúng ta đã có một Module để người sử dụng (NSD) lựa chọn tìm kiếm theo danh mục ,khi NSD click vô một danh mục thì tất cả các sản phẩm trong danh mục sẽ show ra.

Tiếp tục quay trở lại với Menus Manager ,các bạn tạo một menu có tên là “Theo vùng miền” trong menu này các bạn nhấn nút New ,chọn Properties (dĩ nhiên) ,State và chọn State Layout.

Hướng dẫn làm website Bất động sản với Component Properties

Ở phần trước thì mình có tạo 2 States là Miền Trung và Bắc trung bộ ,vậy mình sẽ tạo 2 menu lần lượt tương ứng với 2 States này .

Hướng dẫn làm website Bất động sản với Component Properties

Sau đó các bạn vào lại Modules Manager ,nhấn nút New và chọn Menu ,ở đây mình đặt tên module là Theo vùng miền và tại Menu Name mình chọn menu Theo vùng miền mình vừa tạo ở trên.

Hướng dẫn làm website Bất động sản với Component Properties

Ra ngoài Site kiểm tra ,như vậy chúng ta đã có một module nữa để NSD có thể tìm kiếm theo khu vực họ muốn.

Hướng dẫn làm website Bất động sản với Component Properties

Ok tiếp tục nào ,Menus Manager nhé các bạn trẻ ,New và đặt tên là Theo tỉnh thành. Như trên ,trong Menu này các bạn nhấn New và chọn Properties ,Localities và chọn Localities Layout.

Hướng dẫn làm website Bất động sản với Component Properties

Các bạn có thể tạo tất cả các menu tương ứng với tất cả các tỉnh thành mà các bạn đã tạo trong mục Localities của Component ,thì ở đây mình có các tỉnh là Kon Tum,Gia Lai ,Đăk lắc ,Nghệ An ,Hà Tĩnh.

Hướng dẫn làm website Bất động sản với Component Properties

Ok tạo lần lượt hết tất cả.

Hướng dẫn làm website Bất động sản với Component Properties

Xong ,vào Modules manager ,nhấn New và chọn là Menu ,mình đặt tên module này là Theo tình thành và chọn menu Theo tình thành tại mục Menu Name.

Hướng dẫn làm website Bất động sản với Component Properties

Làm gì nữa ,chắc các bạn cũng biết rồi ,như vậy là chúng ta đã có thêm một module nữa là Theo tỉnh thành để NSD có thể tìm kiếm theo tỉnh thành mà họ muốn .

Hướng dẫn làm website Bất động sản với Component Properties

 

Tiếp tục với Menus manager ,các bạn tạo một menu có tên là “Theo thể loại ” ,trong menu này các bạn nhấn nút New ,chọn Properties ,Selection List of Properties và chọn Selection of Properties .

Hướng dẫn làm website Bất động sản với Component Properties

Ở phần Types của Component các bạn tạo bao nhiêu mục thì ở đây các bạn tạo bấy nhiêu menu tương ứng .Mình có các Types là “văn phòng,chung cư,nhà ở ,đất có nhà và mặt bằng,tức đất trống” .

Hướng dẫn làm website Bất động sản với Component Properties

Giống như các menu ở trên ,các bạn vào Modules manager ,chọn New và chọn Menu ,ở đây mình đặt tên cho module là Theo thể loại và chọn menu Theo thể loại tại mục Menu Name.

Hướng dẫn làm website Bất động sản với Component Properties

Ok ra ngoài Site kiểm tra ,chúng ta đã có một Module nữa để NSD có thể lựa chọn theo hình thức họ cần .

Hướng dẫn làm website Bất động sản với Component Properties

Tận dụng một tính năng nữa của Comp là Market Status ,tương tự các bạn tạo Menu có tên ;à “Theo hình thức ” trong Menus manager ,trong menu này các bạn nhấn nút New ,chọn Properties ,Status và chọn List Properties by Status .

Hướng dẫn làm website Bất động sản với Component Properties

Đặt tên các menu lần lượt tương ứng với các tính năng như sau :

– leased : cho thuê.
– sold : Bán.
– Under offer : theo đề nghị.
– subject to contract : Hợp đồng.
– under contract : theo hợp đồng. (mình tự dịch Hướng dẫn làm website Bất động sản với Component Properties)

Hướng dẫn làm website Bất động sản với Component Properties

Hướng dẫn làm website Bất động sản với Component Properties

Sau khi tạo xong hết tất cả ,các bạn vào Modules Manager và tạo một module để trỏ đến menu này .

Hướng dẫn làm website Bất động sản với Component Properties

OK như vậy chúng ta đã có một module nữa để NSD có thể lựa chọn hình thức mua bán mà họ muốn .

Hướng dẫn làm website Bất động sản với Component Properties

Hoặc là nếu các bạn muốn có menu show tất cả các sản phẩm thì các bạn chọn Properties ,Panel và chọn Panel Layout.

Hướng dẫn làm website Bất động sản với Component Properties

Và một số tính năng khác của Component .

Phần này mình sẽ giới thiệu sơ qua cho các bạn về một số Module đi kèm của nó .Vì thực ra phần trước mình đã tận dụng hầu hết các tính năng của Comp vào các Menu rồi .

Đầu tiên đó là module mod_prop_last, thì các bạn cài đặt file mod_prop_last.zip tại thẻ Install/Uninstall .

Sau đó các bạn vào Module Manager ,chọn menu các bạn vừa cài ,đặt tên cho module ,ở đây mình đặt là đất bán .Tại mục Show this Properties ID các bạn điền ID của danh mục các bạn muốn show tin đăng ,ở đây mình điền là 2 tương ứng với ID của danh mục đất bán .

Hướng dẫn làm website Bất động sản với Component Properties

Hướng dẫn làm website Bất động sản với Component Properties

Tương tự nếu làm hết mình có 4 module hiển thị các tin đăng của 4 danh mục khác nhau .

Ra ngoài Site kiểm tra ,ta có các module tương tự như Menu Theo danh mục mà chúng ta đã nói ở trên.

Hướng dẫn làm website Bất động sản với Component Properties

Một số Module khác :

+ Tìm kiếm : mod_prop_search_js_for_3.1.0621+.zip

Hướng dẫn làm website Bất động sản với Component Properties

+ Chọn người bán hàng : mod_prop_sellers
+ Hiển thị danh mục và thể loại : mod_prop_cat_type
+ Hiển thị khu vực : mod_prop_location

Hướng dẫn làm website Bất động sản với Component Properties

+ Bản đồ thế giới : mod_prop_googlemap

Hướng dẫn làm website Bất động sản với Component Properties


Về cơ bản chúng ta đã hoàn thành một trang web Bất Động Sản ,xin cảm ơn các bạn đã quan tâm theo dõi .

Bài viết này thực hiện (hoặc lụm bài về đăng câu like từ các trang khác) bởi Việt Lâm Coder một YOUTUBER có tâm và đẹp trai siêu cấp vô địch zũ trụ.

Liên hệ ngay với Việt Lâm Coder
Xin chào! Chúng tôi có thể giúp gì cho bạn ?
Gọi ngay cho chúng tôi