Hướng dẫn Chèn số điện thoại giống nhật tảo

upload_2019-7-3_20-36-49.png


Cái góc phải này à?
 
Sử dụng User custom field, tạo 1 field sodienthoai, rồi add vào template thread_view thông qua addon widget framework
 
Tạo widget HTML trong widget framework với nội dung:

HTML:
<div class="tel">
<a href="tel://{$visitor.customFields.sodienthoai}" target="_blank" class="phone-call phoneNumber">
    <i class="fa fa-phone fa-3x" aria-hidden="true"></i>
    <span>{$visitor.customFields.sodienthoai}</span>
</a>
</div>
<style>
.tel {
    text-align: center;
    background: #25c65e;
    padding: 12px;
}
.tel i {
    float: left;
}
.tel a * {
    color: #fff;
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
}
.tel span {
    font-size: 18px;
}

</style>

Bạn phải nhập số điện thoại trên trang profile của bạn trước để hiện widget này

upload_2019-7-5_8-6-20.png
 
  • Like
Reactions: PVS
Mi
Tạo widget HTML trong widget framework với nội dung:

HTML:
<div class="tel">
<a href="tel://{$visitor.customFields.sodienthoai}" target="_blank" class="phone-call phoneNumber">
    <i class="fa fa-phone fa-3x" aria-hidden="true"></i>
    <span>{$visitor.customFields.sodienthoai}</span>
</a>
</div>
<style>
.tel {
    text-align: center;
    background: #25c65e;
    padding: 12px;
}
.tel i {
    float: left;
}
.tel a * {
    color: #fff;
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
}
.tel span {
    font-size: 18px;
}

</style>

Bạn phải nhập số điện thoại trên trang profile của bạn trước để hiện widget này

View attachment 33103
Mình tạo rồi còn bước tiếp theo là làm như nào bạn nó không xuất hiện
Bước 2 làm như nào bạn
 
Back
Top