meloniq

<p>Products slider block for WooCommerce.</p>


Products Slider Block for WooCommerce

Ryner Galaus

<p>Includes common libraries used for development. It also comes with simple functions that are widely used on a website.<br />
Libraries can be activated / deactivated. Activate what you need without worrying about unnecessary enqueued scripts and styles.</p>
<ul>
<li>
<p>LIBRARIES INCLUDED</p>
<ol>
<li><a href="https://getbootstrap.com/docs/4.3/getting-started/introduction/" rel="nofollow ugc">Bootstrap v4.3.1 </a></li>
<li><a href="https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use" rel="nofollow ugc">Font Awesome v5.7.1</a></li>
<li><a href="https://sorgalla.com/lity/" rel="nofollow ugc">Lity v2.3.1 </a></li>
<li><a href="http://kenwheeler.github.io/slick/" rel="nofollow ugc">Slick v1.8.1</a></li>
<li><a href="https://mottie.github.io/tablesorter/docs/" rel="nofollow ugc">Tablesorter v2.31.1</a></li>
<li><a href="https://github.com/wp-bootstrap/wp-bootstrap-navwalker" rel="nofollow ugc">Bootstrap Navwalker v2.0.4</a></li>
</ol>
</li>
<li>
<p>Additional Functions</p>
<ol>
<li>WP Login Function
<ul>
<li>Add the classname ‘rsg-wp_login_toggle’ to your link or to the container of your link. </li>
<li>It will automatically toggle a login modal upon click.</li>
<li>You can change the template by copying the file rsg-login.php from the templates folder to yourtheme/rsg/templates/</li>
</ul>
</li>
<li>Logout
<ul>
<li>Add the classname ‘rsg_wp_logout_link’ to your link.</li>
<li>It will automatically logout the user on click.</li>
</ul>
</li>
<li>Popup Menu Function
<ul>
<li>Add the classname ‘rsg-wp_menupopup_toggle’ to your link or to the container of your link. </li>
<li>It will automatically toggle a popup menu on click.</li>
<li>You can change the template by copying the file rsg-popup_menu.php from the templates folder to yourtheme/rsg/templates/ </li>
</ul>
</li>
<li>Get Menu Function
<ul>
<li>Uses the Bootstrap Navwalker to get and display the menu created at the dashboard.</li>
<li>Function parameters are rsg_get_menu(String Menu slug, String Menu Name, ‘Menu Classname/s separated by space’)</li>
<li>Sample Code: echo rsg_get_menu(‘primary-menu’, ‘Main Menu Online’, ‘menu-class rsg-vertical-menu-popup’);</li>
</ul>
</li>
<li>Random String Generator
<ul>
<li>Can be used to generate random strings or characters.</li>
<li>Contents generated are lowercase or uppercase letters (A-Z | a-z), numbers (0-9), and special characters (dash, underscore, asterisk, and number sign).</li>
</ul>
</li>
<li>Back To Top Function
<ul>
<li>Adds a back to top button. Can be activated or deactivated</li>
</ul>
</li>
</ol>
</li>
<li>
<p>RSG Stylesheet Perks<br />
Designs can be overridden at your theme’s style.css.</p>
<ul>
<li>
<p>Button Class Names</p>
<ol>
<li>rsg-button_main (ex. < span class=”rsg-button_main”> Submit < /span > )</li>
<li>rsg-button_main and rsg-btn_white (ex. < button class=”rsg-button_main rsg-btn_white”> Submit < /button > )</li>
<li>rsg-button_main and rsg-btn_gray (ex. < a href=”#” class=”rsg-button_main rsg-btn_gray”> Submit < /a > )</li>
<li>rsg-button_1 (ex. < div class=”rsg-button_1″> Submit < /div > )</li>
<li>rsg-button_2</li>
<li>rsg-button_3<br />
Notes:<br />
Classnames can be used in any tags/elements(span, a, button, div, etc.).<br />
Copying the code from the examples given will not work. Remove the spaces between the tagnames and the < >.</li>
</ol>
</li>
<li>
<p>Display Class Names</p>
<ol>
<li>rsg-hide:        style=”display:none;”</li>
<li>rsg-block:       style=”display:block; width:100%; position:relative;”</li>
<li>rsg-iblock:  style=”display:inline-block; position:relative;”</li>
<li>rsg-itable:  style=”display:inline-table; position:relative;”</li>
<li>rsg-tcenter:     style=”text-align: center;”</li>
<li>rsg-tleft:       style=”text-align: left;”</li>
<li>rsg-tright:  style=”text-align: right;”</li>
</ol>
</li>
<li>
<p>Preloaders</p>
<ol>
<li>Code: < div class=”rsg-loading-container_white”>< div class=”rsg-loading”>< div class=”rsg-loading-in”>< div>< div>< div> </li>
<li>Code: < div class=”rsg-loading-container_black”>< div class=”rsg-loading”>< div class=”rsg-loading-in”>< div>< div>< div> </li>
<li>Activate a preloader from your dashboard. This is a preloader that shows while your website is loading. Once activated, this will appear automatically unlike the two above.<br />
Note: Decide on how these loaders will appear. </li>
</ol>
</li>
</ul>
</li>
<li>
<p>Incoming Features</p>
<ol>
<li>Fixed Top Navigation and different templates</li>
<li>Mobile Navigation</li>
<li>Login Modal Templates</li>
<li>Popup Menu Templates</li>
<li>Back to top button designs</li>
<li>Array of different countries with flag carousel shortcode</li>
<li>Preloader designs</li>
</ol>
</li>
<li>
<p>Requirements</p>
<ul>
<li>PHP 5.4 or higher</li>
<li>WordPress 4.8 or higher</li>
</ul>
</li>
</ul>


RSG Compiled Libraries

Includes common libraries used for development. It also comes with simple functions that are widely used on a website.

Products Slider Block for WooCommerce vs RSG Compiled Libraries