← Tất cả sản phẩm
🖼️
Module PrestaShop

Image Pro by HabaChat

Sản phẩm không có ảnh để chụp? Đặt một khung nền đẹp một lần, dán tiêu đề lên bằng token {tieu_de}, rồi phủ ảnh cho cả catalog chỉ trong vài cú bấm.

Phiên bản 1.0.4PrestaShop 8 · 9138 KB
Hướng dẫn sử dụng

Tính năng nổi bật

🏷️

Ảnh từ tiêu đề với token {tieu_de}

Thiết kế một bố cục, đặt token {tieu_de} (và {ref}); module thay bằng tên thật của từng sản phẩm khi render.

🎨

Editor kéo-thả trong iframe

Chọn nền, thêm lớp chữ, kéo đúng chỗ, 15+ phông, chữ kim loại 3D, tự thu nhỏ để vừa khung — cách ly khỏi trang sản phẩm.

🖼️

Hộp 3D có sẵn hoặc nền của bạn

Dùng hộp phần mềm 3D bóng bẩy đi kèm, hoặc tải ảnh nghệ thuật riêng và khớp theo cover/contain.

Phủ ảnh cả catalog một lần

Đặt một template mặc định, bấm Build images for all — mọi sản phẩm chưa có ảnh được dán kèm tiêu đề riêng.

🧩

Chạy ở mọi host, không tự reload

Render bằng canvas trong trình duyệt (không cần GD vẽ chữ/Imagick/Node); gắn xong chỉ báo nhẹ, không nạp lại trang.

📐

Studio banner & mạng xã hội

Kích thước dựng sẵn (FB, Instagram, IG story, blog 16:9, Google Ads) hoặc tuỳ chỉnh; xuất PNG, chèn thẳng vào bài CMS.

Giới thiệu

Có một loại shop mà PrestaShop chưa từng thiết kế cho: shop bán phần mềm, dịch vụ, khoá học, sản phẩm số, tài liệu tải về. Không có gì để đặt lên bàn và chụp. Nên hàng chục sản phẩm nằm đó với đúng một ô xám "no image", và trang danh mục trông như một cửa hàng bỏ hoang. Bạn biết cần ảnh bìa, nhưng mở Photoshop cho từng sản phẩm là việc không ai làm — nên nó không bao giờ được làm.

Image Pro giải quyết đúng chỗ đó: nó tạo ảnh sản phẩm từ chính tiêu đề. Bạn thiết kế một khung nền đẹp một lần, đặt tiêu đề lên đó, và module dán đúng tên của từng sản phẩm vào chỗ đó — tự động, hàng loạt.

Trình editor kéo-thả, ngay trong admin

Bấm nút trên trang sản phẩm và một trình chỉnh sửa canvas mở ra trong một iframe cách ly hoàn toàn — nó không thể làm hỏng trang sản phẩm nặng nề của PrestaShop. Bạn chọn nền: một hộp phần mềm 3D bóng bẩy (có sẵn trong hộp) hoặc tải ảnh nghệ thuật của riêng bạn. Rồi bạn thêm các lớp chữ, kéo chúng đúng vị trí, chọn màu, canh lề, in đậm/nghiêng, và chọn trong hơn 15 phông — từ nhóm display đậm (Anton, Archivo Black, Impact, Bebas Neue, Russo One) tới nhóm condensed (Oswald, Barlow, Teko) và các phông an toàn (Montserrat, Georgia, Arial). Chữ dài tự động thu nhỏ và xuống dòng để vừa khung thay vì tràn ra ngoài.

Token {tieu_de} là mấu chốt

Một lớp chữ có thể chứa chữ cứng — hoặc token `{tieu_de}`. Bất cứ chỗ nào bạn đặt token đó, module thay bằng tên thật của sản phẩm khi render. Có cả `{ref}` cho mã tham chiếu. Nghĩa là bạn không thiết kế 300 ảnh; bạn thiết kế một bố cục — nền, logo, vị trí chữ, phông, hiệu ứng chữ kim loại 3D — rồi cùng bố cục đó tạo ra 300 ảnh khác nhau, mỗi ảnh mang đúng tên sản phẩm của nó. Đổi tên sản phẩm sau này, chạy lại, ảnh mới có tên mới.

Một sản phẩm một cú bấm — và phủ cả catalog

Trên trang mỗi sản phẩm, một nút mở editor đã điền sẵn tiêu đề của sản phẩm đó. Ô "thêm ảnh" quen thuộc trong tab Hình ảnh cũng được đấu vào editor, nên bạn dùng đúng chỗ mình vẫn bấm. Thiết kế xong, bấm Hoàn tất & gắn ảnh — ảnh được đưa vào thư viện ảnh sản phẩm qua đúng API ảnh chuẩn của PrestaShop: tạo bản ghi Image, sinh đủ mọi kích thước thumbnail, kèm WebP nếu host hỗ trợ, và đặt làm ảnh bìa.

Điểm quan trọng về hành vi: sau khi gắn ảnh, module KHÔNG tự tải lại trang sản phẩm. Nó chỉ hiện một dòng thông báo nhỏ kèm nút Refresh thủ công. Trang sản phẩm nặng của PS8/9 không bao giờ bị nạp lại ngoài ý muốn, và không có gì bị lưu hay phát hành một cách bất ngờ.

Với cả catalog: thiết kế một template mặc định trong studio, rồi bấm Build images for all. Module quét mọi sản phẩm chưa có ảnh và dán template mặc định — kèm tiêu đề riêng của từng cái — lên từng sản phẩm, xử lý lần lượt ngay trong trình duyệt.

Cũng là một studio banner độc lập

Không chỉ ảnh sản phẩm. Mở studio ảnh & banner với các kích thước dựng sẵn: vuông 1:1 (1080×1080), FB post (1200×630), FB cover, Instagram, IG story (1080×1920), blog cover 16:9, leaderboard, banner 728×90, và các cỡ Google Ads (300×250, 336×280) — hoặc tự nhập rộng × cao. Ảnh nền tải lên tự khớp theo cover/contain. Bấm Download PNG cho bất cứ thứ gì. Ngay trong trình soạn thảo trang CMS (Design → Pages), nút chèn ảnh cũng mở Image Pro để bạn thiết kế banner rồi chèn thẳng vào bài viết.

Vì sao nó chạy được ở mọi host

Phần "đẹp" là một ảnh (cái hộp / nền). Module chỉ dán chữ và logo lên trên, và làm việc đó bằng HTML canvas ngay trong trình duyệt admin, rồi tải PNG lên qua API ảnh chuẩn. Vì thế không phụ thuộc vào GD vẽ chữ, Imagick hay Node trên máy chủ — thứ mà rất nhiều hosting chia sẻ thiếu hoặc cấu hình lệch. Ảnh xuất ra giống hệt pixel với bản xem trước. Có một ô tuỳ chọn để dán key AI của riêng bạn (Gemini / OpenAI) vẽ nền — key nằm ở server và AI không bao giờ đụng vào chữ; để trống thì nút AI ẩn đi.

Một chi tiết yên tâm: bản quyền chỉ khoá back office. Nếu licence hết hạn, mọi ảnh đã tạo vẫn nằm nguyên trên sản phẩm và storefront không hề bị ảnh hưởng — chỉ công cụ thiết kế trong admin tạm khoá.

Giá

69 USD, gồm 1 năm cập nhật và hỗ trợ, dùng cho một domain, PrestaShop 8 và 9. Bản quyền ký offline, không gọi về máy chủ nào. Một buổi chiều phủ ảnh cho cả catalog đã đáng hơn số tiền này.

Câu hỏi thường gặp

Tôi có thể dùng chung một thiết kế cho cả catalog không, hay phải làm từng ảnh?
Đó chính là ý tưởng cốt lõi. Bạn thiết kế MỘT bố cục — nền, logo, vị trí và phông chữ — rồi đặt token {tieu_de} vào lớp chữ. Khi render, module thay token đó bằng tên thật của từng sản phẩm, nên cùng một thiết kế sinh ra hàng trăm ảnh khác nhau, mỗi ảnh mang đúng tên của nó. Lưu bố cục thành template mặc định, bấm Build images for all, và mọi sản phẩm chưa có ảnh được phủ cùng lúc. Bạn cũng có thể mở lại từng sản phẩm để tinh chỉnh riêng nếu muốn.
Ảnh xuất ra ở định dạng và kích thước nào?
Editor render bằng HTML canvas và xuất PNG độ phân giải cao, giống hệt pixel với bản xem trước. Khi gắn vào sản phẩm, PrestaShop tự sinh đủ mọi kích thước thumbnail đã cấu hình, kèm bản WebP nếu host hỗ trợ. Trong studio banner có sẵn các cỡ thông dụng: vuông 1080×1080, FB post 1200×630, IG story 1080×1920, blog 16:9, leaderboard, các cỡ Google Ads — hoặc bạn tự nhập rộng × cao và chọn hướng.
Nó có ghi đè lên ảnh sản phẩm hiện có của tôi không?
Không. Ảnh mới được THÊM vào thư viện ảnh của sản phẩm như một ảnh nữa, và được đặt làm ảnh bìa; các ảnh cũ vẫn còn nguyên. Chế độ phủ hàng loạt mặc định chỉ xét những sản phẩm chưa có ảnh nào, nên nó không đụng tới sản phẩm bạn đã có ảnh. Quan trọng: sau khi gắn ảnh, module không tự tải lại trang sản phẩm — nó chỉ hiện một dòng nhắc kèm nút Refresh thủ công, nên không có gì bị lưu hay phát hành ngoài ý muốn.
Tôi dùng được phông và logo thương hiệu của mình không?
Editor có sẵn hơn 15 phông, từ nhóm display đậm (Anton, Archivo Black, Impact, Bebas Neue) tới condensed (Oswald, Barlow, Teko) và các phông an toàn (Montserrat, Georgia, Arial), cùng màu, canh lề, in đậm/nghiêng và hiệu ứng chữ kim loại 3D. Bạn thêm được lớp logo/ảnh riêng và kéo vào đúng vị trí, và tải chính ảnh nền thương hiệu của bạn lên làm nền. Mọi thứ lưu được thành template để tái sử dụng đồng nhất.
Nếu tôi đổi tên sản phẩm thì ảnh có tự cập nhật tên không?
Ảnh là một tệp PNG tĩnh, nên nó không tự đổi khi bạn đổi tên sản phẩm — token {tieu_de} được thay bằng tên tại thời điểm render, không phải mỗi lần xem trang. Muốn ảnh mang tên mới, chỉ cần mở lại sản phẩm đó và bấm tạo lại (hoặc chạy phủ hàng loạt), thiết kế cũ giữ nguyên và chỉ tên được cập nhật. Nhờ vậy trang storefront không phải render lại ảnh mỗi lần tải, giữ tốc độ nhanh.
Key bản quyền dùng được cho mấy tên miền?
Một key kích hoạt trên đúng một tên miền bạn khai báo khi mua. Nếu bạn chuyển shop sang tên miền khác, hãy liên hệ chúng tôi để cấp lại key miễn phí.
Hết hạn bản quyền thì cửa hàng có ngừng chạy không?
Không. Bản quyền chỉ khoá phần quản trị trong Back office; phần hiển thị ngoài cửa hàng và dữ liệu đã có vẫn hoạt động bình thường. Gia hạn để tiếp tục nhận cập nhật và hỗ trợ.
Tôi nhận file cài đặt bằng cách nào?
Ngay sau khi thanh toán qua PayPal, bạn nhận email chứa key bản quyền và link tải file .zip. Link tải có hiệu lực 30 ngày.
📘Hướng dẫn sử dụng Image Pro by HabaChatTừ lúc cài đặt tới lúc chạy ổn định — kèm phần xử lý sự cố thường gặp.