CSS, Thủ thuật Ngày 22/10/2021 6560 lượt xem

Css frame background sản phẩm wordpress

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…

Lê Anh Đông Lê Anh ĐôngFlatsome trên Google News

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

Điểm 5/5 - ( Có 1 bình chọn)

Có Nhận xét cho "Css frame background sản phẩm wordpress"

  1. Pingback: Bộ sưu tập khung ảnh sản phẩm shopee đẹp và cách chèn Khung - FLATSOME - FREE EVERY THING

  2. Pingback: Fix lỗi No URLs waiting to be saved trong Content crawler - FLATSOME - FREE EVERY THING

  3. Pingback: Css frame background sản phẩm wordpress - FLATSOME - FREE EVERY THING

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *