Trước đây, WapEgo đã có sẵn, nhưng do nâng cấp thêm chỉnh sửa bố cục ảnh nên các liên kết bằng văn bản đã chuyển thành hình ảnh, khá nặng KB với người có nhiều ảnh.

Hôm nay, mình sẽ hướng dẫn các bạn khắc phục điều đó và đồng thời tích hợp thêm tính năng xem tất cả ảnh. Sau đây là hướng dẫn:

Bước 1: Các bạn vào Thiết kế (Design) > Cài đặt bố cục (Layout settings) > Thư viện ảnh (Gallery) > Bố cục danh sách ảnh (Photo list layout), xoá hết đi, dán code sau vào:

{% set idf=photo_link|split('foto=')[1]|split('&')[0] %} {% if api.r.get('view_add')!='fb-all-foto' %} {% if current_photo == false %} [<a href="/galery.php?id=view_foto&uid={{api.r.get('uid')}}&foto_uid={{photo_id}}&foto={{idf}}&_h=layout">{{idf}}</a>] {% else %} [<font color="red">{{idf}}</font>] {% endif %} {% else %} <a href="galery.php?id=view_foto&uid={{api.r.get('uid')}}&foto_uid={{photo_id}}&foto={{idf}}" class="img-pre" title="{{api.u.get(api.r.get('uid')).nick}}" data-fancybox-group="thumb"><img src="{{photo_thumbnail}}" class="all_photo"/></a> {% endif %}

Bước 2: Cũng trong bố cục thư viện ảnh, bạn vào "Thông tin người dùng trong thư viện", thêm code sau vào nơi bạn muốn đặt liên kết đến xem tất cả ảnh:

<a href="{{api.r.getRequestUri()}}&view_add=fb-all-fofo&_r=h">Tất cả ảnh</a>

thêm code sau vào đầu ô:

{% if api.r.get('view_add')!='fb-all-foto' %}

và code sau vào cuối ô:

{% else %} <div class="title">Ảnh của {{user_nick}}</div> <div class="center"> {{photo_layout}} </div> <div class="left"> <a href="galery.php?id=view_foto&uid={{api.r.get('uid')}}&foto_uid={{api.r.get('foto_uid')}}&foto={{api.r.get('foto')}}" class="img-pre" title="{{api.u.get(api.r.get('uid')).nick}}" data-fancybox-group="thumb">« Trang trước</a> </div> {% endif %}

Sau khi hoàn thành ta sẽ có bố cục dạng [1] [2 ] [3] [4] ...

Ảnh demo tất cả ảnh

[Mở ảnh]

Chúc các bạn thành công!
Code by HanhPhucAo