Tự động active link url cho Filterable Portfolio trong divi

Có thể các bạn dùng theme divi cũng đã biết tới Filterable Portfolio trong Divi theme rồi nên mình sẽ không nói nhiều .

trong bài viết này mình sẽ hướng dẫn các bạn Active auto khi load trang. bởi vì mặc định của Module này sẽ hiển thị tất cả khi load trang.

Rất đơn giản các bạn chỉ cần thêm đoạn jquery này vào trong body website là xong có thể sử dụng plugin thêm code nhé.

<script type="text/javascript">
(function($){
$(window).load(function(){
// find the hash in the URL and removes the #
var et_hash = window.location.hash.substr(1);
var et_filter = $( '.et_pb_portfolio_filter a[data-category-slug="' + et_hash + '"]' );

if(window.location.hash && et_filter.length) {
// if it finds a hash and the filter exists, then add the active class
$(et_filter).addClass('active')

// removes the active class from the all filter
$( '.et_pb_portfolio_filter a[data-category-slug="all"]' ).removeClass('active')
}
});
})(jQuery)
</script>

Khi bạn thêm đoạn code trên vào rồi thì nhớ gán tên danh mục vào url như này

Ví dụ: mình có danh mục may-tinh thì trên url sẽ là https://vannamblog.com/baiviet#may-tinh

Như vậy là đã xong phần hiển thị tự động khi load page rồi nhé.

chúc các bạn thành công

0
Rất thích suy nghĩ của bạn, hãy bình luận.x
()
x