معرفی ویژگی های جدید لیست علاقهمندیها
- اضافه کردن کلاسها: اکنون میتوانید کلاسهای خاصی را به پستهای علاقهمندی اضافه کنید. با استفاده از ویژگی
data-add-class
، هر کلاسی که اضافه شود، به لیست کلاسrb-wishlist
اضافه میشود. - حذف از علاقهمندیها: بعد از اضافه کردن پست به علاقهمندیها، گزینه حذف نمایش داده میشود یا میتواند به گزینه “علاقهمندی شده” تغییر کند.
- کلاسهای حذف: با استفاده از ویژگی
data-remove-class
، میتوانید کلاسهایی را تعیین کنید که در صورت حذف پست از لیست علاقهمندیها، بهrb-wishlist
اضافه شوند. - ویژگی
data-delete
: اگر این ویژگی خالی باشد، بعد از اضافه کردن پست به علاقهمندیها و کلیک دوباره روی دکمه، خطای “این پست قبلاً به لیست علاقهمندیها اضافه شده است” نمایش داده میشود. اگر مقدار1
باشد، میتوانید پست را از لیست حذف کنید. - تگهای جدید: تگهای
<RB:Added_Wishlist>
و<RB:Not_Wishlist>
اضافه شدهاند که محتوای بین این تگها را بر اساس وضعیت پست در علاقهمندیها نمایش میدهند.
آموزش و طریقه استفاده
برای استفاده از این ویژگیها، باید کلاس rb-wishlist
را در کد خود لحاظ کنید. همچنین میتوانید از ویژگیهای data-add-class
و data-remove-class
برای اضافه کردن یا حذف کلاسها استفاده کنید.
مثال:
<div class="rb_bookmark2 rb-wishlist pointer <RB:Added_Wishlist>bookmarked</RB:Added_Wishlist>" data-id="[PostId]" data-add-class="bookmarked" data-remove-class="" data-delete="1">
<span class="add_wishlist">
<svg class="fill_white" height="20" width="20"><use xlink:href="#rb_svg_bookmark"></use></svg>
<span>افزودن به علاقهمندیها</span>
</span>
<span class="added_wishlist">
<svg height="22" width="22"><use xlink:href="#rb_svg_bookmarked"></use></svg>
<span>حذف از علاقهمندی</span>
</span>
</div>
- تگهای استفاده در لیست مطالب سایت: این تگها را میتوانید در همه صفحات استفاده کنید تا لیست علاقهمندیهای هر کاربر نمایش داده شود.
نکات مهم
-
تگهای نمایش علاقهمندیها: میتوانید از تگهای زیر برای نمایش لیست پستهای علاقهمندی شده استفاده کنید:
- همچنین میتوانید در این تگ ها از زمینه های مطلب استفاده کنید.
<RB:Wishlist_View_Posts_Block>
<RB:Wishlist_View_Posts_Img_Default:https://rozblog.com/images/no_image.png>
<RB:Wishlist_View_Posts_Loop>
[Wishlist_View_Posts_Title]
[Wishlist_View_Posts_Link]
[Wishlist_View_Posts_Views]
[Wishlist_View_Posts_Date]
[Wishlist_View_Posts_Img]
[Wishlist_View_Posts_Thumb240]
[Wishlist_View_Posts_Thumb75]
[Wishlist_View_Posts_Date:Y/m/d]
[Wishlist_View_Posts_Id]
<a href="javascript:void(0);" onclick="wishlist([Wishlist_View_Posts_Id],'delete')">
<svg class="del_wishlist rb_svg_x_circle" fill="#939393" style="width:20px;height:20px;">
<use xlink:href="#rb_svg_x_circle"></use>
</svg>
</a>
[Wishlist_View_Posts_Loop_Id]
</RB:Wishlist_View_Posts_Loop>
</RB:Wishlist_View_Posts_Block>
با این بهروزرسانیها، امیدواریم تجربه کاربری شما بهبود یابد و بتوانید به راحتی پستهای مورد علاقه خود را مدیریت کنید. اگر سوالی دارید یا نیاز به راهنمایی بیشتر دارید، در نظرات اعلام کنید و در صورت مشاهده خرابی آن را از طریق تیکت گزارش دهید.
تگ های جدید به صفحه مستندات قالبهای رزبالگ اضافه شد