Shop
Browse premium products and latest releases.
Showing 17 results
URL Shortener
The URL Shortener Plugin for DataLife Engine (DLE) allows administrators and users to generate clean, secure, and customizable short links directly inside their DLE website. Whether you are sharing download links, affiliate URLs, marketing campaigns, or internal resources — this plugin provides a fast and reliable way to create short, trackable links without using third-party services. Built with performance and security in mind, the plugin integrates seamlessly into DLE’s architecture and works perfectly with modern PHP versions.
Price
Free
Compare News
Compare News is a powerful plugin for DataLife Engine (DLE) that allows users to compare multiple news posts side by side. It is especially useful for portals where users need to analyze differences between articles, announcements, products, or listings presented as news posts.
Price
Free
Schedule a Post
Effortlessly plan and publish your content with the "Schedule a Post" plugin! 🕒 Perfect for bloggers, businesses, and news portals, this tool ensures your posts go live exactly when you want, even when you're not around. 🚀 Why Use This Plugin? Keep your audience engaged, maintain a consistent posting schedule, and save time with this hassle-free content management solution. 💼 Take control of your content scheduling today!
Price
Free
EasyLang
Easy Lang Switcher for DataLife Engine! Transform your DLE site into a global platform with our innovative Easy Lang Switcher – the ultimate solution for seamless multilingual support. 🌍✨ Don’t let language be a barrier – unlock new possibilities with Easy Lang Switcher! Make your DLE site truly global today!
Price
35 ₾ 70 ₾
PlanPass
PlanPass: Access and Manage Your Membership PlansPlanPass is your ultimate solution for managing membership plans with ease and efficiency. Whether you\'re offering monthly subscriptions, annual memberships, or custom plans, PlanPass simplifies the entire process. With intuitive features and a user-friendly interface, you can effortlessly create, modify, and monitor your membership offerings. Enjoy seamless integration with your existing platform and provide your users with a smooth, hassle-free experience. Elevate your membership management with PlanPass and focus on what truly matters—growing your community and business.🔑 Key Features:✨ Manage Multiple Plans: Create, modify, and manage various membership plans with ease.💸 Secure PayPal Payments: Process payments securely with PayPal, providing a trusted and convenient option for your users.📊 User Dashboard: A comprehensive dashboard for users to manage their memberships, view transaction history, and more.🔔 Automated Billing: Set up automated billing cycles to ensure timely payments and renewals.📧 Notification System: Keep your users informed with email and PM notifications for renewals, payment confirmations, and other important updates.📈 Reporting: Gain insights into your membership plans and payments with detailed reports and analytics.
Price
25 ₾
Who Read The Post?
We are excited to announce the release of the Who Read The Post plugin for DataLife Engine! This powerful new plugin enhances your website by connecting to your database and displaying a list of users who have read the of your posts. .user_list > span { margin: 0 3px 3px 0; } .user_list > span, .user_list > span > a { display: inline-block; } .user_list > span > a { color: inherit; text-decoration: none !important; padding: 5px 10px; border-radius: 6px; background-color: #f0f0f0; } .user_list > .list { color: inherit; text-decoration: none !important; padding: 5px 10px; border-radius: 6px; background-color: #f0f0f0; } .user_list > .list:hover { cursor: pointer; background-color: #fff; color: #95c00e; position: relative; box-shadow: 0 3px 20px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.2); } .user_list > span > a:hover { background-color: #fff; color: #95c00e; position: relative; box-shadow: 0 3px 20px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.2); } For Example: <div class="user_list"> <span>Read by:</span> {readers} </div> <span>User List With Link:</span> <div class="user_list"> {readers_link} </div>
Price
15 ₾ 20 ₾
Newsletter For Datalife Engine
Powerful and user-friendly plugin designed to seamlessly integrate subscription forms into your website. our plugin offers a versatile solution for collecting and managing subscriber information. Enhance your DataLife Engine website with the powerful "Newsletter" module, designed to streamline and optimize your communication strategy. With this module, you can effortlessly manage and send newsletters to your subscribers, keeping them informed about the latest updates, promotions, and content. Elevate user engagement, boost site traffic, and cultivate a loyal audience with the Newsletter for DataLife Engine module. We made some noteworthy updates in our latest release. Our new features include a pop-up with a cookie and timer, an update to the PHP mail changer, an enhanced admin panel, and the addition of a new tag. Elevate your website's communication capabilities with the Newsletter for DataLife Engine module – a must-have tool for content creators and website administrators. We are pleased to announce that all known bugs and errors in the Newsletter Plugin have been fixed. You can now enjoy a seamless user experience, thanks to the hard work of our development team. We appreciate your patience and understanding during this process.
Price
Free
Shopping Cart
Enhance your online shopping experience with our powerful , 𝐒𝐡𝐨𝐩𝐩𝐢𝐧𝐠 𝐂𝐚𝐫𝐭 plugin for DLE. Seamlessly integrated into your DataLife Engine website, this plugin revolutionizes the way you manage your online store. From streamlining checkout processes to providing comprehensive inventory management, 𝐒𝐡𝐨𝐩𝐩𝐢𝐧𝐠 𝐂𝐚𝐫𝐭 empowers you to take your e-commerce business to new heights.
Price
30 ₾ 40 ₾
Download Page
Downpage - module for attachments to DLE with a timer to make a separate page for download. That is, when you click on the file link, another page opens, where there is already a direct link to the file on which you can place ads or something else.Fixed bug DLE 15 And above
Price
Free
MyDownloads
WHEN DEVELOPING A DATALIFE ENGINE SITE I REALIZED THERE WAS NOT A SHORTCODE FOR DISPLAYING THE LOGGED IN USERS AVAILABLE DOWNLOADS OUTSIDE OF THE MY ACCOUNT PAGE. SO I DEVELOPED THIS SIMPLE PLUGIN WHICH ADDS THE SHORT CODE. IT IS SIMPLE AND EFFECTIVE. IT DISPLAYS THE NEWS AND THE FILE NAME IN AN UNORDERED LIST. <script src=\"https://cdn.jsdelivr.net/npm/sweetalert2@10\"></script> <script> $(document).ready(function () { $(\"#savefile\").submit(function (event) { event.preventDefault(); $.ajax({ type: $(this).attr(\'method\'), url: $(this).attr(\'action\'), dаta: new FormData(this), contentType: false, cache: false, processdаta: false, success: function (result) { //alert(result); json = jQuery.parseJSON(result); if (json.url) setTimeout(redirect, 2000, json.url); Swal.fire({ title: json.header, text: json.message, icon: json.status, showConfirmButton: false, footer: \'<a href=\"/mydownloads.html\">Browse downloaded files</a>\', }); } }); }); }); function redirect(url) { window.location.href = url; } </script>
Price
Free
Partner Program
The Parner Program Plugin on DataLife Engine (DLE) allows site users to receive rewards for news and comments. User panel https://site.com/index.php?do=partner
Price
Free
Card Slider
Sliders have become a crucial part of web design, used to showcase content or images in an engaging and interactive way. As a beginner, creating a card slider can help you develop fundamental web development concepts such as DOM manipulation, responsive designs, and jаvascript event listeners. These concepts are vital for front-end developers to understand and can be applied to various web development projects. So in this blog post, we will show you how to create a responsive draggable card slider in HTML, CSS, ,jаvascript And PHP, which can be used to display images, products, user profiles, and other content. In order to truly understand how a draggable card slider works, we won’t be using any external jаvascript libraries such as SwiperJs or Owl Carousel. Instead, we’ll be creating the slider from scratch using pure vanilla jаvascript, PHP , HTML, and CSS. In order to make our slider easier and more flexible, we also created an adapted dll plugin, through which you can easily add, delete or correct information from the slide. <div class="wrapper"> <i id="left" class="fa-solid fa-angle-left"></i> <ul class="carousel"> {include file="engine/modules/ticcix/slider.php?limit=10"} </ul> <i id="right" class="fa-solid fa-angle-right"></i> </div> Limit = How many slides you want to show /* Import Google font - Poppins */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { display: flex; padding: 0 35px; align-items: center; justify-content: center; min-height: 100vh; background: linear-gradient(to left top, #031A9A, #8B53FF); } .wrapper { max-width: 1100px; width: 100%; position: relative; } .wrapper i { top: 50%; height: 50px; width: 50px; cursor: pointer; font-size: 1.25rem; position: absolute; text-align: center; line-height: 50px; background: #fff; border-radius: 50%; box-shadow: 0 3px 6px rgba(0,0,0,0.23); transform: translateY(-50%); transition: transform 0.1s linear; } .wrapper i:active{ transform: translateY(-50%) scale(0.85); } .wrapper i:first-child{ left: -22px; } .wrapper i:last-child{ right: -22px; } .wrapper .carousel{ display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% / 3) - 12px); overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; border-radius: 8px; scroll-behavior: smooth; scrollbar-width: none; } .carousel::-webkit-scrollbar { display: none; } .carousel.no-transition { scroll-behavior: auto; } .carousel.dragging { scroll-snap-type: none; scroll-behavior: auto; } .carousel.dragging .card { cursor: grab; user-select: none; } .carousel :where(.card, .img) { display: flex; justify-content: center; align-items: center; } .carousel .card { scroll-snap-align: start; height: 342px; list-style: none; background: #fff; cursor: pointer; padding-bottom: 15px; flex-direction: column; border-radius: 8px; } .carousel .card .img { background: #8B53FF; height: 148px; width: 148px; border-radius: 50%; } .card .img img { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; } .carousel .card h2 { font-weight: 500; font-size: 1.56rem; margin: 30px 0 5px; } .carousel .card span { color: #6A6D78; font-size: 1.31rem; } @media screen and (max-width: 900px) { .wrapper .carousel { grid-auto-columns: calc((100% / 2) - 9px); } } @media screen and (max-width: 600px) { .wrapper .carousel { grid-auto-columns: 100%; } } const wrapper = document.querySelector(".wrapper"); const carousel = document.querySelector(".carousel"); const firstCardWidth = carousel.querySelector(".card").offsetWidth; const arrowBtns = document.querySelectorAll(".wrapper i"); const carouselChildrens = [...carousel.children]; let isDragging = false, isAutoPlay = true, startX, startScrollLeft, timeoutId; // Get the number of cards that can fit in the carousel at once let cardPerView = Math.round(carousel.offsetWidth / firstCardWidth); // Insert copies of the last few cards to beginning of carousel for infinite scrolling carouselChildrens.slice(-cardPerView).reverse().forEach(card => { carousel.insertAdjacentHTML("afterbegin", card.outerHTML); }); // Insert copies of the first few cards to end of carousel for infinite scrolling carouselChildrens.slice(0, cardPerView).forEach(card => { carousel.insertAdjacentHTML("beforeend", card.outerHTML); }); // Scroll the carousel at appropriate postition to hide first few duplicate cards on Firefox carousel.classList.add("no-transition"); carousel.scrollLeft = carousel.offsetWidth; carousel.classList.remove("no-transition"); // Add event listeners for the arrow buttons to scroll the carousel left and right arrowBtns.forEach(btn => { btn.addEventListener("click", () => { carousel.scrollLeft += btn.id == "left" ? -firstCardWidth : firstCardWidth; }); }); const dragStart = (e) => { isDragging = true; carousel.classList.add("dragging"); // Records the initial cursor and scroll position of the carousel startX = e.pageX; startScrollLeft = carousel.scrollLeft; } const dragging = (e) => { if (!isDragging) return; // if isDragging is false return from here // Updates the scroll position of the carousel based on the cursor movement carousel.scrollLeft = startScrollLeft - (e.pageX - startX); } const dragStop = () => { isDragging = false; carousel.classList.remove("dragging"); } const infiniteScroll = () => { // If the carousel is at the beginning, scroll to the end if (carousel.scrollLeft === 0) { carousel.classList.add("no-transition"); carousel.scrollLeft = carousel.scrollWidth - (2 * carousel.offsetWidth); carousel.classList.remove("no-transition"); } // If the carousel is at the end, scroll to the beginning else if (Math.ceil(carousel.scrollLeft) === carousel.scrollWidth - carousel.offsetWidth) { carousel.classList.add("no-transition"); carousel.scrollLeft = carousel.offsetWidth; carousel.classList.remove("no-transition"); } // Clear existing timeout & start autoplay if mouse is not hovering over carousel clearTimeout(timeoutId); if (!wrapper.matches(":hover")) autoPlay(); } const autoPlay = () => { if (window.innerWidth < 800 || !isAutoPlay) return; // Return if window is smaller than 800 or isAutoPlay is false // Autoplay the carousel after every 2500 ms timeoutId=setTimeout(()=> carousel.scrollLeft += firstCardWidth, 2500); } autoPlay(); carousel.addEventListener("mousedown", dragStart); carousel.addEventListener("mousemove", dragging); document.addEventListener("mouseup", dragStop); carousel.addEventListener("scroll", infiniteScroll); wrapper.addEventListener("mouseenter", () => clearTimeout(timeoutId)); wrapper.addEventListener("mouseleave", autoPlay);
Price
Free
Blogzine – Blog and Magazine
Overview The next-generation blog, news, magazine theme for you to start sharing your content today with beautiful aesthetics! This minimal & clean Bootstrap 5 based theme is ideal for all types of sites that aim to provide users with content. Readability & content-focused theme Dark mode (with live switcher) In recent times, dark viewing mode for websites has gained a lot of popularity from users worldwide. Dark Mode is a dramatic new look that’s easy and relaxed on your eyes, helps you focus on the content and make reading easier. Especially in low-light environments, Turn it on for a great viewing experience. So how could we resist ourselves to not provide it for our users? In Blogzine, either you may use dark mode by default or use dark mode toggle switch or remove it completely. Choice is yours! 😎 Developer friendly theme How To Changes Category Badge Color\'s 👇 {category-icon} in the category of the site, use the "Icon" for the category and write there primary , secondary , success , danger , warning , info , light , dark
Price
5 ₾
Simple Chatbot
Simple Chatbot using PHP with MySQL & jQuery (Ajax) A chatbot is a computer program designed to simulate human conversation. These chatbots reply to you instantly according to your queries because programmers have inserted thousands of inputs/replies/queries into the database that can be asked by the user. To make an advanced chatbot we’ve to code more and more but I tried to make a simple chatbot with few lines of codes and queries which help you to get an idea about how chatbot actually works. In this Plugin [Simple Chatbot using PHP], on the webpage, there is a chat form with an input field and a button labeled as “send” for typing a message and send to the bot. When you ask something to the bot and that query exists in the database then the bot replay a message according to your query instantly but if your query not matched to the database queries then the bot replays a message labeled as “Sorry can’t be able to understand you!”. In this chatting process, the webpage isn’t reloaded because I used jQuery (Ajax) for that. Instalation Paste in main.tpl Before <body> <link href="{THEME}/chatbot/css/style.css" type="text/css" rel="stylesheet"> <script src=\'{THEME}/chatbot/js/wafloatbox-0.2.js\'></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> Paste in main.tpl Before </body> <div class="myk-wa"> </div> <script> $(document).ready(function(){ $(".myk-wa").WAFloatBox(); }); </script> <script> $(document).ready(function(){ $("#send-btn").on("click", function(){ $value = $("#data").val(); $msg = \'<div class="user-inbox inbox"><div class="msg-header"><p>\'+ $value +\'</p></div></div>\'; $(".form").append($msg); $("#data").val(\'\'); // start ajax code $.ajax({ url: \'message.php\', type: \'POST\', dаta: \'text=\'+$value, success: function(result){ $replay = \'<div class="bot-inbox inbox"><div class="icon"><i class="fa fa-user"></i></div><div class="msg-header"><p>\'+ result +\'</p></div></div>\'; $(".form").append($replay); // when chat goes down the scroll bar automatically comes to the bottom $(".form").scrollTop($(".form")[0].scrollHeight); } }); }); }); </script>
Price
Free
Weather Informer
Registration on the site https://openweathermap.org/ to receive the key.Key generation page, https://home.openweathermap.org/api_keys [weather-block city="..."] ... [/weather-block] - Defines an informer block. In the city parameter, enter the name of the city in English. In each block, for each country, the following tags apply.{weather-temp} - Temperature {weather-value} - Weather{weather-icon} - [{THEME}/weather/icons/{weather-icon}.png]{weather-country} - Two-character country code{weather-humidity} - Humidity{weather-pressure} - Pressure {weather-wind} - Wind speed{weather-clouds} - Cloudiness In Main.tpl <head> paste <link rel="stylesheet" href="{THEME}/weather/icons/icons.css"> <style> .weather { background-color: #ffffff; border-radius: 20px; margin-top: 20px; color: #6f707d; border:solid 1px #0cc652; box-shadow:5px 20px 39px 0 rgba(0,0,0,0.51); transition:ease-in-out .3s } #heading{ font-size: 55px; color: #2b304d; } .temp{ place-items: center; } .temp-details > p >span, .grey{ color: #a3acc1; font-size: 12px; } .fa{ color: #a5a5b1 } *:focus{ outline: none; } </style> <script> var timeNode = document.getElementById(\'time-node\'); function getCurrentTimeString() { return new Date().toTimeString().replace(/ .*/, \'\'); } setInterval( () => timeNode.innerHTML = getCurrentTimeString(), 1000 ); </script> Informar [weather-block city="Batumi"] <div class="container-fluid"> <div class="row justify-content-center"> <div class="col-12 col-md-4 col-sm-12 col-xs-12"> <div class="weather p-4"> <div class="d-flex"> <h6 class="flex-grow-1">{weather-city} / {weather-country}</h6> <h6 class="small grey"><div id="time-node"></div></h6> </div> <div class="d-flex flex-column temp mt-5 mb-3"> <h1 class="mb-0 font-weight-bold" id="heading">{weather-temp} </h1> <span class="small grey">{weather-value}</span> </div> <div class="d-flex"> <div class="temp-details flex-grow-1"> <p class="my-1"> <i class="uil-tear mr-2" aria-hidden="true"></i> <span> {weather-humidity} </span> </p> <p class="my-1"> <i class="uil-temperature-empty mr-2" aria-hidden="true"></i> <span> {weather-pressure} </span> </p> <p class="my-1"> <i class="uil-wind mr-2" aria-hidden="true"></i> <span> {weather-wind} </span> </p> <p class="my-1"> <i class="uil-clouds mr-2" aria-hidden="true"></i> <span> {weather-clouds} </span> </p> </div> <div> <img src="{THEME}/weather/icons/{weather-icon}.png" width="100px"> </div> </div> </div> </div> </div> </div> [/weather-block]
Price
Free
ShowMore Gallery
This plugin helps you replace the standard xfieldimagegallery with jаvascript Load More gallery After Install Plugin Go https://site.com/admin.php?mod=gallery // and use your configurtions After go main.tpl and head of your templates paste <script src="{THEME}/ticcix/js/showMoreItems.js"></script> <link rel="stylesheet" href="{THEME}/ticcix/css/style.css"> Up </body> paste {showgallery} After Go fullstory.tpl And paste <div class="list gallery"> [xfvalue_X] // X your xfilds </div>
Price
Free
UIAvatar
This plugin for DLE allows you and your users to change avatars using https://ui-avatars.com/ api Use this code in userinfo.tpl so that the user can change the parameters {ui-avatar} Use this code in our other temoplates file via see user avatar. {include file="engine/modules/ticcix/avatar/show.php"} {include file="engine/modules/ticcix/avatar/show.php?userName=Ticcix&color=303030&background=eaeaea&size=100&rounded=true&format=svg"} Us userName It\'s username color your text color background your background size image size rounded false or true format png or svg
Price
Free