[Liên kết dễ dàng] Tùy chỉnh theo thiết kế đơn giản: Chi nhánh Moshimo
Liên kết dễ dàng là gì?
Moshimo Affiliate Easy Link sẽ dễ dàng tạo liên kết đến nhiều trang web mua sắm như Rinker và Kaereva.
Liên kết dễ dàng là gì?
Đây là chức năng cho phép bạn dễ dàng tạo link affiliate dạng thẻ (responsive) đơn giản. Nhập URL trang sản phẩm của Rakuten Ichiba hoặc Amazon.co.jp hoặc nhập từ khóa tìm kiếm vào trường URL.
https://af.moshimo.com/af/shop/service/easy-link-card
Rất thuận tiện vì có thể nhập URL của một trang sản phẩm, nhưng mặc định hơi cường điệu và tôi không giỏi thiết kế lớn.
Nó dài theo chiều dọc như thế này
Lần này, chúng tôi đã tùy chỉnh nó với một thiết kế đơn giản và khiêm tốn.
Liên kết
thay đổi
- Tên sản phẩm: Làm nhỏ cỡ chữ.In đậm.
- Kích thước nút: Thu nhỏ.Lợi nhuận cũng giảm.
- Nút dưới cùng : Xóa lề rộng.
- Các nút: cam đến kem.Thêm thứ nguyên.
- Khi di chuột qua: Đã thêm chuyển động mà nút được nhấn.
- Kích thước hình ảnh: giảm.
Mã
Thêm mã sau vào Tùy chỉnh giao diện -> CSS bổ sung.
/* Đơn vị liên kết Moshimo tùy chỉnh liên kết dễ dàng */ /* --- Tiêu đề sản phẩm --- */ p.easyLink-info-name a { font-size: 16px !important; font-weight:bold; } /* --- Kích thước nút --- */ div.easyLink-box div.easyLink-info p.easyLink-info-btn a{ padding:1px !important; } @media screen và (min-width: 704px) { div.easyLink-box div.easyLink-info p.easyLink-info-btn a{ margin-bottom:10px !important; }} /* --- Xóa khoảng trắng bên dưới nút --- */ div.easyLink-box{padding:10px; } div.easyLink-box div.easyLink-info p.easyLink-info-btn a:last-child { margin-bottom: 0 !important; } /* --- màu nút --- */ a.easyLink-info - btn-amazon, a.easyLink-info-btn-rakuten, a.easyLink-info-btn-yahoo { màu:#333333 !quan trọng; nền:#FFFDE7 !quan trọng; bóng: inset 1.2 808080px 0 rgba(2 ), 0 255,255,255,0.2px 0px rgba(2, 2, 0, 0); } /* --- hiệu ứng di chuột --- */ a:hover.easyLink-info- btn-amazon, a:hover.easyLink-info-btn -rakuten, a:hover.easyLink-info-btn-yahoo{ biến đổi: translateY(0em)} /* --- kích thước hình ảnh --- */ div.easyLink-box div.easyLink-img, div.easyLink- hộp div.easyLink-img p.easyLink-img-box, div.easyLink-box div.easyLink-img p.easyLink-img-box img.easyLink-img- pht{ chiều rộng tối đa: 0.19px !quan trọng; chiều cao tối đa : 0.1px !quan trọng;
Blog để bạn tham khảo
Tùy chỉnh liên kết liên kết của bạn!Thay đổi màu nút, văn bản, v.v.