Detail page-Amazon Details Page Design

Previous page1Next page Go to No.

{"status":1,"html":"<style type=\"text\/css\">\r\n.onlinebox_three{border:2px solid;}\r\n.onlinebox_three .onlinebox_three_list{width: 160px;padding: 10px 0px;}\r\n.onlinebox_three .online-item{margin-bottom: 5px; padding: 0px 17px; position: relative;display: block;color: #666;}\r\n.onlinebox_three .online-item:last-child{margin-bottom: 0px;}\r\n.onlinebox_three .online-item:hover{background: #f8f8f8;}\r\n.onlinebox_three .online-item i{font-size: 16px;}\r\n.onlinebox_three .onlinebox-open{font-size: 22px;display:none;cursor: pointer;padding: 0 10px; font-size: 18px; line-height: 40px;}\r\n.onlinebox.min .onlinebox-open{display:block;padding:0 10px;background:#444;font-size:18px;line-height:40px;color:#fff}\r\n.onlinebox .onlinebox-min{position: relative;top:-4px;}\r\n@media (max-width: 767px){\r\n.onlinebox_three .online-item{font-size: 12px;padding-top: 6px;}\r\n.onlinebox_three .online-item i{font-size: 14px;}\r\n}\r\n<\/style>\r\n<div id='onlinebox'  class=\"onlinebox onlinebox_three hide\" m-type='online' m-id='online' style=\"border-color:#1baadb;\">\r\n    <div class=\"onlinebox-open\" style=\"background:#1baadb;\"><i class=\"fa fa-comments-o\"><\/i><\/div>\r\n    <div class=\"onlinebox-box\">\r\n        <div class=\"onlinebox-top\" style=\"background:#1baadb;\">\r\n            <div class=\"onlinebox-top-btn font-size-26\">\r\n                <a href=\"javascript:;\" class=\"onlinebox-close\" title=\"\">×<\/a>\r\n                <a href=\"javascript:;\" class=\"onlinebox-min\">-<\/a>\r\n            <\/div>\r\n            <h4>online chating<\/h4>\r\n        <\/div>\r\n                                        <div class=\"onlinebox_three_list\">\r\n                                                                        <a href=\"https:\/\/www.facebook.com\/18929363263\" title=\"18929363263\" class=\"online-item\" target=\"_blank\">\r\n                            <i class=\"icon fa-facebook\" style=\"color:#1baadb;\"><\/i>\r\n                            <span>Customer service 01<\/span>\r\n                        <\/a>\r\n                                                                                    <a class=\"online-item text-xs-center met-weixin\" href=\"javascript:void(0)\">\r\n                            <img src='https:\/\/www.fandousheji.com\/upload\/201909\/1568892746.jpg' alt='Amazon Details Page Design' width='120' height='120'\/>\r\n                            <p class=\"m-b-0\">Customer service 02<\/p>\r\n                        <\/a>\r\n                                                                                        <a href=\"skype:sz136138?chat\" title=\"sz136138\" class=\"online-item\" target=\"_blank\">\r\n                            <i class=\"icon fa-skype\" style=\"color:#1baadb;\"><\/i>\r\n                            <span>Customer service 03<\/span>\r\n                        <\/a>\r\n                                                <\/div>\r\n                <div class=\"met-editor onlinebox-bottom p-x-10 p-y-5\"><p>Hotline：<\/p><p>189-2936-3263<\/p><\/div>\r\n    <\/div>\r\n<\/div>","t":"2","x":"10","y":"100"}

How should the details page of Taobao tmall mobile phone be designed

Recommended

News