Products
Updates
Resources
Support
Login
Scripts Organizer 3.3
SCSS Source Maps</h2> <p><strong>If you are using SCSS Partials this is we important update for you.</strong> Go to Scripts Organizer > Features and enable “Create a SCSS Source Map”.</p> <p>Creating source maps gives you the ability to see where partial code is coming from. Before you got only a link to 4-header.css inside the development tools. However, when you open code block with “ID 4”, you<br>are unsure of where partial code is coming from.</p> <figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="606" src="https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.25.31-1024x606.png" alt="screenshot 2022 04 14 at 15.25.31" class="wp-image-49683" srcset="https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.25.31-1024x606.png 1024w, https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.25.31-300x177.png 300w, https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.25.31-768x454.png 768w, https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.25.31.png 1248w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Chrome Dev Tools</figcaption></figure> <figure class="wp-block-image size-large"><img decoding="async" width="1024" height="417" src="https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.26.42-1024x417.png" alt="screenshot 2022 04 14 at 15.26.42" class="wp-image-49684" srcset="https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.26.42-1024x417.png 1024w, https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.26.42-300x122.png 300w, https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.26.42-768x313.png 768w, https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.26.42-1536x626.png 1536w, https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.26.42.png 1704w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Code Block</figcaption></figure> <p>Once feature is enabled, it will display you SCSS Partial name instead of code block name. <br>You can easily recognise SCSS Partial name as it have prefix “_”.<br><br></p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="632" src="https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.28.29-1024x632.png" alt="screenshot 2022 04 14 at 15.28.29" class="wp-image-49685" srcset="https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.28.29-1024x632.png 1024w, https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.28.29-300x185.png 300w, https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.28.29-768x474.png 768w, https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.28.29.png 1244w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption>Chrome Dev Tools with Source Maps enabled</figcaption></figure> <p>The code is coming from partial _6 and is actually on the first line. Number after scss: indicates where the code is located within the code editor.</p> <h2 class="wp-block-heading">A new feature is added to the preview.</h2> <p>When you hit the home button, the url of the website home page will automatically be added and a request will be submitted. You do not have to copy, paste, and submit anymore.</p> <figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="457" src="https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.31.58-1024x457.png" alt="screenshot 2022 04 14 at 15.31.58" class="wp-image-49690" srcset="https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.31.58-1024x457.png 1024w, https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.31.58-300x134.png 300w, https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.31.58-768x343.png 768w, https://dplugins.com/wp-content/uploads/2022/04/Screenshot-2022-04-14-at-15.31.58.png 1452w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure> <p></p> <h2 class="wp-block-heading">HTML, CSS, SCSS and JS inside Admin area only</h2> <p>We now have the ability to load HTML, CSS, SCSS and JS inside WP Admin area without making those scripts visible to front end users. Customise them and make them white labeled without having to install any extra plugins.</p> <p>Before, only PHP was possible and you would have to write inline CSS or JS for it. That wasn’t a good experience since users lacked full autocomplete power. </p> <p><em>Below, you can grab the code to start modifying WP Dashboard.</em></p> <pre class="wp-block-code"><code>:root{ --admin-bg--1: #2c3338; --admin-bg--2: #2c3338; --admin-action: #33a3ff; --admin-text: whitesmoke; } body{ background-color: var(--admin-bg--1); } .wrap { * { color: var(--admin-text); } a{ color: var(--admin-action); } } .postbox{ background-color: var(--admin-bg--2); input, textarea{ background-color: var(--admin-bg--1); } }</code></pre> </div></main> <footer class="wp-block-template-part"> <div class="wp-block-group wp-block has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"> <div class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow" style="padding-top:80px;padding-bottom:30px"> <p class="has-text-align-center has-sm-font-size"><a href="https://dplugins.com/terms-and-conditions/" data-type="link" data-id="https://dplugins.com/terms-and-conditions/">TERMS AND CONDITIONS</a> • <a href="https://dplugins.com/privacy-policy/">PRIVACY POLICY</a></p> <p class="has-text-align-center has-sm-font-size">Copyright © 2020 – 2024 DPlugins Ltd. All rights reserved.</p> </div> </div> </footer></div> <script type="text/javascript"> jQuery(document).ready(function($) { $('form').on('submit', function(e) { // Use attr() to grab the action since the attribute is likely set in the DOM regardless. var action = $(this).attr( 'action' ); // Bail if there's no action attribute on the form tag. if ( 'undefined' === typeof action ) { return; } paypalMatch = new RegExp( 'paypal\.com\/(cgi-bin\/webscr|donate)' ); if ( ! action.match( paypalMatch ) ) { return; } e.preventDefault(); var $form = $(this); var ipn_url = "https://dplugins.com/index.php?affwp-listener=paypal"; $.ajax({ type: "POST", data: { action: 'affwp_maybe_insert_paypal_referral' }, url: 'https://dplugins.com/wp-admin/admin-ajax.php', success: function (response) { $form.append( '<input type="hidden" name="custom" value="' + response.data.ref + '"/>' ); $form.append( '<input type="hidden" name="notify_url" value="' + ipn_url + '"/>' ); $form.get(0).submit(); } }).fail(function (response) { if ( window.console && window.console.log ) { console.log( response ); } }); }); }); </script> <!-- Meta Pixel Event Code --> <script type='text/javascript'> document.addEventListener( 'wpcf7mailsent', function( event ) { if( "fb_pxl_code" in event.detail.apiResponse){ eval(event.detail.apiResponse.fb_pxl_code); } }, false ); </script> <!-- End Meta Pixel Event Code --> <div id='fb-pxl-ajax-code'></div><script src="https://dplugins.com/wp-content/plugins/image-compare-block/lib//js/image-compare-viewer.js?ver=1.5.3" id="icgb__image-compare-viewer-js-js"></script> <script src="https://dplugins.com/wp-content/plugins/image-compare-block/lib//js/plugin.js?ver=1.5.3" id="icgb__plugin-js-js"></script> <script id="wp-block-template-skip-link-js-after"> ( function() { var skipLinkTarget = document.querySelector( 'main' ), sibling, skipLinkTargetID, skipLink; // Early exit if a skip-link target can't be located. if ( ! skipLinkTarget ) { return; } /* * Get the site wrapper. * The skip-link will be injected in the beginning of it. */ sibling = document.querySelector( '.wp-site-blocks' ); // Early exit if the root element was not found. if ( ! sibling ) { return; } // Get the skip-link target's ID, and generate one if it doesn't exist. skipLinkTargetID = skipLinkTarget.id; if ( ! skipLinkTargetID ) { skipLinkTargetID = 'wp--skip-link--target'; skipLinkTarget.id = skipLinkTargetID; } // Create the skip link. skipLink = document.createElement( 'a' ); skipLink.classList.add( 'skip-link', 'screen-reader-text' ); skipLink.href = '#' + skipLinkTargetID; skipLink.innerHTML = 'Skip to content'; // Inject the skip link. sibling.parentElement.insertBefore( skipLink, sibling ); }() ); </script> <script id="mkaz-code-syntax-prism-js-js-extra"> var prism_settings = {"pluginUrl":"https:\/\/dplugins.com\/wp-content\/plugins\/code-syntax-block\/"}; </script> <script src="https://dplugins.com/wp-content/plugins/code-syntax-block/assets/prism/prism.js?ver=1656658053" id="mkaz-code-syntax-prism-js-js"></script> <script id="edd-ajax-js-extra"> var edd_scripts = {"ajaxurl":"https:\/\/dplugins.com\/wp-admin\/admin-ajax.php","position_in_cart":"","has_purchase_links":"","already_in_cart_message":"You have already added this item to your cart","empty_cart_message":"Your cart is empty","loading":"Loading","select_option":"Please select an option","is_checkout":"0","default_gateway":"stripe","redirect_to_checkout":"1","checkout_page":"https:\/\/dplugins.com\/checkout\/","permalinks":"1","quantities_enabled":"","taxes_enabled":"0","current_page":"49677"}; </script> <script src="https://dplugins.com/wp-content/plugins/easy-digital-downloads/assets/js/edd-ajax.js?ver=3.2.11" id="edd-ajax-js"></script> <script src="https://dplugins.com/wp-content/plugins/wp-user-switch/assets/js/main.js?ver=1.0.5" id="wpus-main-js-js"></script> <script id="edd-cp-form-js-extra"> var edd_cp = {"currency":"$","add_to_cart_text":"Purchase","ajax_enabled":"1","currency_position":"before","min_price_error":"Please enter a custom price higher than the minimum amount","thousandsSeparator":",","decimalSeparator":".","currencyDecimals":"2"}; </script> <script src="https://dplugins.com/wp-content/plugins/edd-custom-prices/assets/build/js/edd-cp-form.js?ver=1.5.9" id="edd-cp-form-js"></script> <script>document.addEventListener('DOMContentLoaded', function () { let button = document.querySelector('.show-more-testimonials .wp-element-button'); if (button) { button.addEventListener('click', function () { let wrap = document.querySelector('.show-more-testimonials-wrap'); if (wrap) { wrap.classList.toggle('active'); } // Toggle the text in the button based on the current text if (button.textContent.trim() === 'Show more …') { button.textContent = 'Okey, I got the point'; } else { button.textContent = 'Show more …'; } }); } }); </script><script>(function($){ setTimeout(() => { getFontSize() }, 2000) $(window).resize(() => { getFontSize() }) function getFontSize(){ $('.get-font-size').each(function(){ var fsz = $(this).css("font-size"); $(this).next().text(fsz).prepend("<strong>size: </strong>"); }); }; })(jQuery); </script><script>(function($){ function validateEmail(str) { var lastAtPos = str.lastIndexOf('@'); var lastDotPos = str.lastIndexOf('.'); return (lastAtPos < lastDotPos && lastAtPos > 0 && str.indexOf('@@') == -1 && lastDotPos > 2 && (str.length - lastDotPos) > 2); } $(document).ready(function(el){ $(document).on('click','#ssrm-main-subscribe', function(e){ e.preventDefault(); var list_id = $('#ssrm-list-main-form').data('listId'); var email_mk_api = $('#ssrm-list-main-form').data('api'); var subscriber_email = $("input[name*='sub_email']").val(); var url = 'https://api.ini.tools/acelle'; var data_url = 'https://api.ini.tools/acelle?&list_uid='+list_id+'&api_token='+email_mk_api+'&EMAIL='+subscriber_email; if(subscriber_email.length <= 0 || validateEmail(subscriber_email) == false){ $('.acelle-error').css('display','block'); $('.acelle-email-exists').css('display','none'); $('.acelle-welcome').css('display','none'); } else { $('.acelle-error').css('display','none'); // Create a request variable and assign a new XMLHttpRequest object to it. var request = new XMLHttpRequest() // Open a new connection, using the GET request on the URL endpoint request.open('GET', data_url, true) // Begin accessing JSON data here request.onload = function () { var data = JSON.parse(this.response) if (request.status >= 200 && request.status < 400) { if (typeof data.EMAIL !== 'undefined') { $('.acelle-email-exists').css('display','block'); $('.acelle-welcome').css('display','none'); } if (typeof data.status !== 'undefined') { $('.acelle-email-exists').css('display','none'); $('.acelle-welcome').css('display','block'); } } else { console.log('error') } } // Send request request.send() } }); }); }(window.jQuery)); </script></body> </html>
