Css frame background sản phẩm wordpress

flatsome
22/10/21
3
Chuẩn bị file hình frame để chèn vào background cho sản phẩm

Khi làm trang bán hàng cần làm cho sản phẩm đẹp ta thường chỉnh sửa hình sản phẩm úp lên , tuy nhiên trong một số trường hợp trang Sản phẩm có rồi mà ko được như ý

nên ta cần css frame background sản phẩm cho lung linh lại , bài hôm nay tớ chỉ cách bạn làm nhé .

Css frame background sản phẩm wordpress

Css frame background sản phẩm wordpress
Css frame background sản phẩm wordpress – Demo được làm trên trang sản phẩm của khách

Chuẩn bị file hình frame để chèn vào background cho sản phẩm

có nhiuè trang share hình này , trên trang tớ có share hình chèn cho sản phẩm , lựa chọn và tải về úp lên host mình cái ứng ý nhé

Link tại đây : Bộ sưu tập khung ảnh sản phẩm shopee đẹp và cách chèn Khung

chọn tấm hình mình thích và úp lên web nhé

xác định vị trí muốn chèn hình này ( có thể chèn giống nhau hoặc khác nhau cho mỗi vị trí ở trang chủ )

Ví dụ : tớ chèn vào sản phẩm nổi bật 

= > tạo sản phẩm nổi bật = > đặt class “noibat” như hình

Chuẩn bị file hình frame để chèn vào background cho sản phẩm
Chuẩn bị file hình frame để chèn vào background cho sản phẩm

Chèn css vào khung theo mã sau :

  • Có 3 chỗ background khung sản phẩm ( như vị trí note )
  • Nhớ thay đổi link hình của bạn nhé 

OK xong rồi bạn thử xem qua demo nhé

Sau khi chèn vào trang rất đẹp , Demo chèn backgroup cho Sản phẩm 
Sau khi chèn vào trang rất đẹp , Demo chèn backgroup cho Sản phẩm – trang sản phẩm nổi bật

 

Sau khi chèn vào trang rất đẹp , Demo chèn backgroup cho Sản phẩm - trang sản phẩm nổi bật
Sau khi chèn vào trang rất đẹp , Demo chèn backgroup cho Sản phẩm – trang sản phẩm shop

Chúc bạn thành công nhé

theo  : https://vattubd.com