Download minify files from below URL and save it inside minify folder http://landingpages.rgenesis.com/minify-files/rgen_min.css http://landingpages.rgenesis.com/minify-files/rgen_min.js Find following files from head tag in html <!– Lib CSS –> <link href=”lib/bootstrap/css/bootstrap.css” rel=”stylesheet”> <link href=”lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css” rel=”stylesheet”> <link href=”lib/owl-carousel/owl.css” rel=”stylesheet”> <link href=”lib/Swiper/css/swiper.min.css” rel=”stylesheet”> <link href=”lib/owl-carousel/assets/owl.carousel.min.css” rel=”stylesheet”> <link href=”lib/vegas/vegas.min.css” rel=”stylesheet”> <link href=”lib/Magnific-Popup/magnific-popup.css” rel=”stylesheet”> <link href=”lib/sweetalert/sweetalert2.min.css” rel=”stylesheet”> […]
Insert Google reCAPTCHA
Setup pop-up with any button or link
Below steps describe how to set pop-up with any link or button. Below example code is pop-up basic structure code just copy code and add it at the end of page. <!– ************************************************************ * Popup block ************************************************************ –> <!– form : “mfp-hide” Add this class before using –> <div id=”popup-unique-id” […]
Success page redirection on form submit
Please follow below steps to set success page redirection on form success submit. Open index.html and find you form code Apply attribute data-success-redirect=”y” on form tag with class=”form-widget”. Review example code below. <form action=”form-data/formdata.php” class=”form-widget” data-success-redirect=”y”> …. </form> Than open js file => js/rgen.js <= file and find below code. […]
Social widget settings
Social widgets require basic settings to make it working. Open file ” js/rgen.js ” and follow instructions display in below image
Form examples
Contact form example code in content area Below code is example of content area from which just copy and use it with your email address. Replace email address with your email address display in highlighted line of below code. <!– contact form –> <div id=”contact-form” class=”form-block”> <h2 class=”title small”>Drop us a line</h2> <form action=”form-data/formdata.php” […]
Manual integration
R.Gen landing page include popular email marketing services integration with subscription forms. It is very easy to setup with landing pages subscription forms. All settings available in form-data/config.php file. Open config.php file and follow instructions below. Mail Chimp settings Open File => form-data/config.php Set => $STORE_MODE = “mailchimp”; and than set API key […]
Auto tabs
Below is code example of auto tabs. <!– Tab structure –> <div class=”tabs-auto”> <ul class=”tb-list”> <li class=”tb”>Featured</li> <li class=”tb”>Buy</li> <li class=”tb”>Rent</li> </ul><!– /.tb-list –> <div class=”tb-content”> <div class=”tb-pn”> … TAB CONTENT … </div><!– /.tb-pn –> <div class=”tb-pn”> … TAB CONTENT … </div><!– /.tb-pn –> <div class=”tb-pn”> … TAB CONTENT … […]
Parallax background image
Below is example code of apply parallax background image on section <!– Video section –> <section class=”video-section video-section-2 bg-glass”> … <div class=”full-wh bg-section bg-cover” data-parallax=”scroll” data-image-src=”images/bg14.jpg”> <b class=”full-wh”></b> </div> </section> <!– /.video-section –> Parallax background image only work with transparent background section. Apply CSS class “bg-glass” to apply background color […]
Understanding form structure
Basic HTML structure of core form <form action=”form-data/formdata.php” class=”form-widget” data-popup=”popup-contact”> <input type=”hidden” name=”to” value=”receiver@mail.com”> <input class=”form-control” data-label=”Name” required data-msg=”Please enter name.” type=”text” name=”name” placeholder=”Enter your name”> <input class=”form-control” data-label=”Email” required data-msg=”Please enter email.” type=”email” name=”email” placeholder=”Enter your email”> <textarea class=”form-control” data-label=”Message” required data-msg=”Please enter your message.” name=”message” placeholder=”Add your message” […]