download all files

modules/newsletterpro/install/index.php

@@ -0,0 +1,26 @@
+<?php
+/**
+* Since 2013 Ovidiu Cimpean.
+*
+* Ovidiu Cimpean - Newsletter Pro © All rights reserved.
+*
+* DISCLAIMER
+*
+* Do not edit, modify or copy this file.
+* If you wish to customize it, contact us at addons4prestashop@gmail.com.
+*
+* @author    Ovidiu Cimpean <addons4prestashop@gmail.com>
+* @copyright Since 2013 Ovidiu Cimpean
+* @license   Do not edit, modify or copy this file
+*
+* @version   Release: 4
+*/
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+exit;

modules/newsletterpro/install/tables/index.php

@@ -0,0 +1,26 @@
+<?php
+/**
+* Since 2013 Ovidiu Cimpean.
+*
+* Ovidiu Cimpean - Newsletter Pro © All rights reserved.
+*
+* DISCLAIMER
+*
+* Do not edit, modify or copy this file.
+* If you wish to customize it, contact us at addons4prestashop@gmail.com.
+*
+* @author    Ovidiu Cimpean <addons4prestashop@gmail.com>
+* @copyright Since 2013 Ovidiu Cimpean
+* @license   Do not edit, modify or copy this file
+*
+* @version   Release: 4
+*/
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+exit;

modules/newsletterpro/install/tables/subscription_tpl/dev.txt

@@ -0,0 +1,2 @@
+# To fix the validation for the css files
+sass --watch css_style.scss:css_style.compiled.scss --sourcemap=none --style expanded

modules/newsletterpro/install/tables/subscription_tpl/index.php

@@ -0,0 +1,26 @@
+<?php
+/**
+* Since 2013 Ovidiu Cimpean.
+*
+* Ovidiu Cimpean - Newsletter Pro © All rights reserved.
+*
+* DISCLAIMER
+*
+* Do not edit, modify or copy this file.
+* If you wish to customize it, contact us at addons4prestashop@gmail.com.
+*
+* @author    Ovidiu Cimpean <addons4prestashop@gmail.com>
+* @copyright Since 2013 Ovidiu Cimpean
+* @license   Do not edit, modify or copy this file
+*
+* @version   Release: 4
+*/
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+exit;

modules/newsletterpro/install/tables/subscription_tpl/responsive_layout/css_style.compiled.scss

@@ -0,0 +1,354 @@
+/* define classes */
+.pqnp-popup-clearfix:after, .pqnp-popup-row:after {
+  visibility: hidden;
+  display: block;
+  font-size: 0;
+  content: " ";
+  clear: both;
+  height: 0;
+}
+
+.pqnp-popup-clearfix, .pqnp-popup-row {
+  display: inline-block;
+}
+
+* html .pqnp-popup-clearfix, * html .pqnp-popup-row {
+  height: 1%;
+}
+
+.pqnp-popup-clearfix, .pqnp-popup-row {
+  display: block;
+}
+
+.pqnp-popup-form-group, .pqnp-popup-box .pqnp-popup-error, .pqnp-popup-box .pqnp-popup-success {
+  margin-bottom: 15px;
+}
+
+.pqnp-popup-row {
+  margin-left: -5px;
+  margin-right: -5px;
+}
+
+[class^="pqnp-popup-col-"] {
+  float: left;
+  padding: 0 5px;
+}
+
+.pqnp-popup-col-sm-1 {
+  width: 8.3333333333%;
+}
+
+.pqnp-popup-col-sm-2 {
+  width: 16.6666666667%;
+}
+
+.pqnp-popup-col-sm-3 {
+  width: 25%;
+}
+
+.pqnp-popup-col-sm-4 {
+  width: 33.3333333333%;
+}
+
+.pqnp-popup-col-sm-5 {
+  width: 41.6666666667%;
+}
+
+.pqnp-popup-col-sm-6 {
+  width: 50%;
+}
+
+.pqnp-popup-col-sm-7 {
+  width: 58.3333333333%;
+}
+
+.pqnp-popup-col-sm-8 {
+  width: 66.6666666667%;
+}
+
+.pqnp-popup-col-sm-9 {
+  width: 75%;
+}
+
+.pqnp-popup-col-sm-10 {
+  width: 83.3333333333%;
+}
+
+.pqnp-popup-col-sm-11 {
+  width: 91.6666666667%;
+}
+
+.pqnp-popup-col-sm-12 {
+  width: 100%;
+}
+
+.pqnp-popup-text-right {
+  text-align: right;
+}
+
+.pqnp-popup-text-left {
+  text-align: left;
+}
+
+.pqnp-popup-text-sm {
+  font-size: 14px;
+}
+
+.pqnp-popup-text-md {
+  font-size: 16px;
+}
+
+a.pqnp-popup-button-link {
+  color: #2fb5d2 !important;
+}
+a.pqnp-popup-button-link:hover {
+  text-decoration: underline !important;
+  color: #2fb5d2 !important;
+}
+a.pqnp-popup-button-link.pqnp-popup-button-sm-link {
+  font-size: 14px;
+}
+a.pqnp-popup-button-link.pqnp-popup-button-link-dark {
+  color: #232323 !important;
+}
+a.pqnp-popup-button-link.pqnp-popup-button-link-dark:hover {
+  color: #232323 !important;
+  text-decoration: underline !important;
+}
+
+a.pqnp-popup-button {
+  text-decoration: none;
+  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
+  text-transform: uppercase;
+  font-weight: 600;
+  padding: 8px 20px;
+  border-color: transparent;
+  display: inline-block;
+}
+a.pqnp-popup-button:hover {
+  border-color: transparent;
+  text-decoration: none;
+}
+a.pqnp-popup-button.pqnp-popup-button-primary {
+  color: #fff !important;
+  background-color: #2fb5d2;
+}
+a.pqnp-popup-button.pqnp-popup-button-primary:hover {
+  color: #fff;
+  background-color: #2592a9;
+}
+a.pqnp-popup-button.pqnp-popup-button-danger {
+  color: #fff !important;
+  background-color: #ff4c4c;
+  border-color: #ff4c4c;
+}
+a.pqnp-popup-button.pqnp-popup-button-danger:hover {
+  color: #fff;
+  background-color: #ff1919;
+  border-color: #ff0f0f;
+}
+
+.pqnp-popup-alert {
+  padding: 10px;
+}
+.pqnp-popup-alert.pqnp-popup-alert-danger {
+  background: rgba(214, 8, 51, 0.9);
+  color: #fff;
+  font-size: 13.6px;
+}
+.pqnp-popup-alert.pqnp-popup-alert-success {
+  background: rgba(5, 177, 109, 0.9);
+  color: #fff;
+  font-size: 13.6px;
+}
+
+.pqnp-popup-form-control {
+  display: block;
+  width: 100%;
+  padding: 8px 12px;
+  font-size: 16px;
+  line-height: 1.25;
+  background-color: #fff;
+  background-image: none;
+  background-clip: padding-box;
+  border-radius: 0;
+  background: #f1f1f1;
+  color: #7a7a7a;
+  border: 1px solid rgba(0, 0, 0, 0.25);
+  padding: 8px 16px;
+  touch-action: manipulation;
+  overflow: visible;
+}
+.pqnp-popup-form-control:focus {
+  background-color: #fff;
+  color: #232323;
+  outline: 3px solid #2fb5d2;
+  border-color: #66afe9;
+}
+.pqnp-popup-form-control:active {
+  color: #232323;
+}
+
+select.pqnp-popup-form-control:not([size]):not([multiple]) {
+  height: calc(40px - 2px);
+  appearance: none;
+  border-radius: 0;
+  -webkit-appearance: none;
+  -webkit-border-radius: 0px;
+  -moz-appearance: none;
+}
+
+@media only screen and (max-width: 400px) {
+  .pqnp-popup-xs-form-group {
+    margin-bottom: 15px;
+  }
+
+  .pqnp-popup-col-xs-1 {
+    width: 8.3333333333%;
+  }
+
+  .pqnp-popup-col-xs-2 {
+    width: 16.6666666667%;
+  }
+
+  .pqnp-popup-col-xs-3 {
+    width: 25%;
+  }
+
+  .pqnp-popup-col-xs-4 {
+    width: 33.3333333333%;
+  }
+
+  .pqnp-popup-col-xs-5 {
+    width: 41.6666666667%;
+  }
+
+  .pqnp-popup-col-xs-6 {
+    width: 50%;
+  }
+
+  .pqnp-popup-col-xs-7 {
+    width: 58.3333333333%;
+  }
+
+  .pqnp-popup-col-xs-8 {
+    width: 66.6666666667%;
+  }
+
+  .pqnp-popup-col-xs-9 {
+    width: 75%;
+  }
+
+  .pqnp-popup-col-xs-10 {
+    width: 83.3333333333%;
+  }
+
+  .pqnp-popup-col-xs-11 {
+    width: 91.6666666667%;
+  }
+
+  .pqnp-popup-col-xs-12 {
+    width: 100%;
+  }
+}
+/* setup window */
+.pqnp-win-front .pqnp-win-front-container {
+  padding: 0;
+}
+.pqnp-win-front .pqnp-win-front-container .pqnp-win-front-container-inner {
+  padding: 0;
+}
+
+/* subscrie message popup */
+.pqnp-popup-subscribe-message {
+  box-sizing: border-box;
+  padding: 20px;
+}
+.pqnp-popup-subscribe-message p {
+  padding: 0 !important;
+  margin: 0;
+  margin-bottom: 10px;
+}
+.pqnp-popup-subscribe-message p:last-of-type {
+  margin: 0;
+}
+
+/* setup popup */
+.pqnp-popup-box {
+  box-sizing: border-box;
+  padding: 20px;
+}
+.pqnp-popup-box * {
+  box-sizing: border-box;
+}
+.pqnp-popup-box .pqnp-popup-show-logo {
+  text-align: center;
+}
+.pqnp-popup-box .pqnp-popup-title {
+  font-weight: bold;
+  font-size: 22px;
+  text-transform: uppercase;
+  text-align: center;
+  color: #3c3c3c;
+}
+.pqnp-popup-box .pqnp-popup-title-small {
+  font-size: 13.6px;
+  text-align: center;
+  font-weight: bold;
+  color: #7A7A7B;
+}
+.pqnp-popup-box label {
+  color: #232323;
+  text-align: right;
+  font-size: 14px;
+  display: inline-block;
+  margin-bottom: 8px;
+  font-weight: normal;
+}
+.pqnp-popup-box .pqnp-custom-checkbox-col {
+  height: 28px;
+}
+.pqnp-popup-box .pqnp-popup-logo-box {
+  margin-bottom: 30px;
+}
+.pqnp-popup-box .pqnp-popup-title-box {
+  margin-bottom: 30px;
+}
+.pqnp-popup-box a.pqnp-submit-newsletterpro-subscribe {
+  font-size: 16px;
+  box-shadow: none;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
+  display: block;
+  text-align: center;
+  color: #3c3c3c !important;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.25);
+}
+.pqnp-popup-box a.pqnp-submit-newsletterpro-subscribe:hover {
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.45);
+  color: #232323 !important;
+}
+.pqnp-popup-box a.pqnp-submit-newsletterpro-unsubscribe {
+  font-size: 16px;
+  box-shadow: none;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
+  display: block;
+  text-align: center;
+  color: #fff !important;
+  background-color: #3c3c3c;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+}
+.pqnp-popup-box a.pqnp-submit-newsletterpro-unsubscribe:hover {
+  color: #fff !important;
+  background-color: #4b4b4b;
+  border: 1px solid rgba(0, 0, 0, 0.25);
+}
+.pqnp-popup-box .pqnp-popup-birthday {
+  padding: 6px 16px;
+}
+.pqnp-popup-box .pqnp-close-timeout {
+  color: #232323;
+}

modules/newsletterpro/install/tables/subscription_tpl/responsive_layout/css_style.scss

@@ -0,0 +1,404 @@
+$color-grey: #3c3c3c;
+$color-dark: #232323;
+
+/* define classes */
+.pqnp-popup-clearfix:after {
+  visibility: hidden;
+  display: block;
+  font-size: 0;
+  content: " ";
+  clear: both;
+  height: 0;
+}
+
+.pqnp-popup-clearfix {
+	display: inline-block;
+}
+
+* html .pqnp-popup-clearfix {
+	height: 1%;
+}
+
+.pqnp-popup-clearfix {
+	display: block;
+}
+
+.pqnp-popup-form-group {
+	margin-bottom: 15px;
+}
+
+.pqnp-popup-row {
+	margin-left: -5px;
+	margin-right: -5px;
+	@extend .pqnp-popup-clearfix;
+}
+
+[class^="pqnp-popup-col-"] {
+	float: left;
+	padding: 0 5px;
+}
+
+.pqnp-popup-col-sm-1 {
+	width: percentage(1/12);
+}
+
+.pqnp-popup-col-sm-2 {
+	width: percentage(2/12);
+}
+
+.pqnp-popup-col-sm-3 {
+	width: percentage(3/12);
+}
+
+.pqnp-popup-col-sm-4 {
+	width: percentage(4/12);
+}
+
+.pqnp-popup-col-sm-5 {
+	width: percentage(5/12);
+}
+
+.pqnp-popup-col-sm-6 {
+	width: percentage(6/12);
+}
+
+.pqnp-popup-col-sm-7 {
+	width: percentage(7/12);
+}
+
+.pqnp-popup-col-sm-8 {
+	width: percentage(8/12);
+}
+
+.pqnp-popup-col-sm-9 {
+	width: percentage(9/12);
+}
+
+.pqnp-popup-col-sm-10 {
+	width: percentage(10/12);
+}
+
+.pqnp-popup-col-sm-11 {
+	width: percentage(11/12);
+}
+
+.pqnp-popup-col-sm-12 {
+	width: percentage(12/12);
+}
+
+.pqnp-popup-text-right {
+	text-align: right;
+}
+
+.pqnp-popup-text-left {
+	text-align: left;
+}
+
+.pqnp-popup-text-sm {
+	font-size: 14px;
+}
+
+.pqnp-popup-text-md {
+    font-size: 16px;
+}
+
+a.pqnp-popup-button-link {
+	color: #2fb5d2 !important;
+	
+	&:hover {
+		text-decoration: underline !important;
+		color: #2fb5d2 !important;
+	}
+
+	&.pqnp-popup-button-sm-link {
+		font-size: 14px;
+	}
+
+	&.pqnp-popup-button-link-dark {
+		color: $color-dark !important;
+
+		&:hover {
+			color: $color-dark !important;
+			text-decoration: underline !important;
+		}
+	}
+}
+
+
+a.pqnp-popup-button {
+
+	text-decoration: none;
+	box-shadow: 2px 2px 4px 0 rgba(0,0,0,.2);
+	text-transform: uppercase;
+	font-weight: 600;
+	padding: 8px 20px;
+	border-color: transparent;
+	display: inline-block;
+	
+	&:hover {
+		border-color: transparent;
+		text-decoration: none;
+	}
+
+	&.pqnp-popup-button-primary {
+		color: #fff !important;
+		background-color: #2fb5d2;
+
+		&:hover {
+			color: #fff;
+			background-color: #2592a9;
+		}
+	
+	}
+
+	&.pqnp-popup-button-danger {
+		color: #fff !important;
+		background-color: #ff4c4c;
+		border-color: #ff4c4c;
+		
+		&:hover {
+			color: #fff;
+			background-color: #ff1919;
+			border-color: #ff0f0f;
+		}
+	
+	}
+}
+
+.pqnp-popup-alert {
+	padding: 10px;
+
+	&.pqnp-popup-alert-danger {
+    	background: rgba(214, 8, 51, 0.9);
+		color: #fff;
+		font-size: 13.6px;
+	}
+
+	&.pqnp-popup-alert-success {
+    	background: rgba(5, 177, 109, 0.9);
+		color: #fff;
+		font-size: 13.6px;
+	}
+}
+
+.pqnp-popup-form-control {
+	display: block;
+    width: 100%;
+    padding: 8px 12px;
+    font-size: 16px;
+    line-height: 1.25;
+    background-color: #fff;
+    background-image: none;
+    background-clip: padding-box;
+	border-radius: 0;
+    background: #f1f1f1;
+    color: #7a7a7a;
+    border: 1px solid rgba(0,0,0,.25);
+	padding: 8px 16px;
+	touch-action: manipulation;
+	overflow: visible;
+
+	&:focus {
+		background-color: #fff;
+		color: $color-dark;
+		outline: 3px solid #2fb5d2;
+		border-color: #66afe9;
+	}
+
+	&:active {
+		color: $color-dark;
+	}
+}
+
+select.pqnp-popup-form-control:not([size]):not([multiple]) {
+	height: calc(40px - 2px);
+	appearance: none;
+	border-radius: 0;
+	-webkit-appearance: none;
+	-webkit-border-radius: 0px;
+	-moz-appearance:none;
+}
+
+@media only screen and (max-width: 400px) {
+
+	.pqnp-popup-xs-form-group {
+		margin-bottom: 15px;
+	}
+
+	.pqnp-popup-col-xs-1 {
+		width: percentage(1/12);
+	}
+
+	.pqnp-popup-col-xs-2 {
+		width: percentage(2/12);
+	}
+
+	.pqnp-popup-col-xs-3 {
+		width: percentage(3/12);
+	}
+
+	.pqnp-popup-col-xs-4 {
+		width: percentage(4/12);
+	}
+
+	.pqnp-popup-col-xs-5 {
+		width: percentage(5/12);
+	}
+
+	.pqnp-popup-col-xs-6 {
+		width: percentage(6/12);
+	}
+
+	.pqnp-popup-col-xs-7 {
+		width: percentage(7/12);
+	}
+
+	.pqnp-popup-col-xs-8 {
+		width: percentage(8/12);
+	}
+
+	.pqnp-popup-col-xs-9 {
+		width: percentage(9/12);
+	}
+
+	.pqnp-popup-col-xs-10 {
+		width: percentage(10/12);
+	}
+
+	.pqnp-popup-col-xs-11 {
+		width: percentage(11/12);
+	}
+
+	.pqnp-popup-col-xs-12 {
+		width: percentage(12/12);
+	}
+}
+
+/* setup window */
+
+.pqnp-win-front {
+	.pqnp-win-front-container {
+		padding: 0;
+		.pqnp-win-front-container-inner {
+			padding: 0;
+		}
+	}
+}
+
+/* subscrie message popup */
+
+.pqnp-popup-subscribe-message {
+	box-sizing: border-box;
+	padding: 20px;
+
+	p {
+		padding: 0 !important;
+		margin: 0;
+		margin-bottom: 10px;
+
+		&:last-of-type {
+			margin: 0;
+		}
+	}
+}
+
+/* setup popup */
+.pqnp-popup-box {
+	box-sizing: border-box;
+	padding: 20px;
+	
+	* {
+		box-sizing: border-box;
+	}
+	.pqnp-popup-show-logo {
+		text-align: center;
+	}
+
+	.pqnp-popup-title {
+		font-weight: bold;
+		font-size: 22px;
+		text-transform: uppercase;
+		text-align: center;
+		color: $color-grey;
+	}
+
+	.pqnp-popup-title-small {
+		font-size: 13.6px;
+		text-align: center;
+		font-weight: bold;
+		color: #7A7A7B;
+	}
+
+	label {
+		color: $color-dark;
+		text-align: right;
+		font-size: 14px;
+		display: inline-block;
+		margin-bottom: 8px;
+		font-weight: normal;
+	}
+
+	.pqnp-custom-checkbox-col {
+		height: 28px;
+	}
+
+	.pqnp-popup-logo-box {
+		margin-bottom: 30px;
+	}
+
+	.pqnp-popup-title-box {
+		margin-bottom: 30px;
+	}
+
+	a.pqnp-submit-newsletterpro-subscribe {
+		font-size: 16px;
+		box-shadow: none;
+		-webkit-transition: all 300ms; 
+		transition: all 300ms;
+		display: block;
+		text-align: center;
+		color: $color-grey !important;
+		background-color: #fff;
+		border: 1px solid rgba(0,0,0,.25);
+
+		&:hover {
+			background-color: #fff;
+			border: 1px solid rgba(0,0,0,.45);
+			color: $color-dark !important;
+		}
+	}
+
+	a.pqnp-submit-newsletterpro-unsubscribe {
+		font-size: 16px;
+		box-shadow: none;
+		-webkit-transition: all 300ms; 
+		transition: all 300ms;
+		display: block;
+		text-align: center;
+		color: #fff !important;
+		background-color: $color-grey;
+		border: 1px solid rgba(0,0,0,.15);
+
+		&:hover {
+			color: #fff !important;
+			background-color: #4b4b4b;
+			border: 1px solid rgba(0,0,0,.25);
+		}
+	}
+
+	.pqnp-popup-error {
+		@extend .pqnp-popup-form-group;
+	}
+	.pqnp-popup-success {
+		@extend .pqnp-popup-form-group;
+	}
+
+	.pqnp-popup-birthday {
+		padding: 6px 16px;
+	}
+
+	.pqnp-close-timeout {
+		color: $color-dark;
+	}
+}
+

modules/newsletterpro/install/tables/subscription_tpl/responsive_layout/en/content.html

@@ -0,0 +1,126 @@
+<div class="pqnp-popup-box" style="background: url({module_path}views/img/front_subscription/popup.jpg) bottom left no-repeat;">
+    <form id="{id.form}" method="POST">
+        <div class="pqnp-popup-form-group pqnp-popup-clearfix pqnp-popup-logo-box">
+            <div class="pqnp-popup-show-logo">
+                <img src="{shop_logo_url}">
+            </div>
+        </div>
+
+        <div class="pqnp-popup-form-group pqnp-popup-clearfix pqnp-popup-title-box">
+            <h1 class="pqnp-popup-title">Be the first to know</h1>
+            <h5 class="pqnp-popup-title-small">about our latest products and exclusive offers.</h5>
+        </div>
+
+        <div class="pqnp-popup-form-group pqnp-popup-row">
+            <div class="pqnp-popup-col-sm-6 pqnp-popup-col-xs-12">
+                <label for="{id.email}">Email Address<sup>*</sup></label>
+                <input id="{id.email}" class="pqnp-popup-form-control" type="text" name="{field.email}" placeholder="Email Address">
+            </div>
+            <div class="pqnp-popup-col-sm-6 pqnp-popup-col-xs-12 pqnp-popup-xs-form-group">
+                <!-- @if intval({display_gender}) == 1 -->
+                <label for="{id.gender}">Gender</label>
+                <select id="{id.gender}" class="pqnp-popup-form-control" name="{field.gender}">
+                    <option value="0">- neutral -</option>
+                    {render_gender_options}
+                </select>
+                <!-- @endif -->
+            </div>
+        </div>
+
+        <div class="pqnp-popup-form-group pqnp-popup-row">
+            <!-- @if intval({display_firstname}) == 1 -->
+            <div class="pqnp-popup-col-sm-6 pqnp-popup-col-xs-12 pqnp-popup-xs-form-group">
+                <label for="{id.firstname}">First Name{render_mandatory_firstname}</label>
+                <input id="{id.firstname}" class="pqnp-popup-form-control" type="text" name="{field.firstname}" placeholder="First Name" value="{form.firstname}">
+            </div>
+            <!-- @endif -->
+            <!-- @if intval({display_lastname}) == 1 -->
+            <div class="pqnp-popup-col-sm-6 pqnp-popup-col-xs-12">
+                <label for="{id.lastname}">Last Name{render_mandatory_lastname}</label>
+                <input id="{id.lastname}" class="pqnp-popup-form-control" type="text" name="{field.lastname}" placeholder="Last Name" value="{form.lastname}">
+            </div>
+            <!-- @endif -->
+        </div>
+        
+        <!-- @if intval({display_birthday}) == 1 -->
+        <div class="pqnp-popup-form-group pqnp-popup-row">
+            <div class="pqnp-popup-col-sm-4 pqnp-popup-col-xs-12">
+                <label for="{id.birthday_day}">Day</label>
+                <select id="{id.birthday_day}" class="pqnp-popup-form-control" name="{field.birthday_day}">
+                    <option value="0">- none -</option>
+                    {render_birthday_day}
+                </select>
+            </div>
+            <div class="pqnp-popup-col-sm-4 pqnp-popup-col-xs-12">
+                <label for="{id.birthday_month}">Month</label>
+                <select id="{id.birthday_month}" class="pqnp-popup-form-control" name="{field.birthday_month}">
+                    <option value="0">- none -</option>
+                    {render_birthday_month}
+                </select>
+            </div>
+            <div class="pqnp-popup-col-sm-4 pqnp-popup-col-xs-12">
+                <label for="{id.birthday_year}">Year</label>
+                <select id="{id.birthday_year}" class="pqnp-popup-form-control" name="{field.birthday_year}">
+                    <option value="0">- none -</option>
+                    {render_birthday_year}
+                </select>
+            </div>
+        </div>
+        <!-- @endif -->
+
+        <!-- @if intval({display_list_of_interest}) == 1 -->
+        <div class="pqnp-popup-form-group pqnp-popup-row">
+            <div class="pqnp-popup-col-sm-12">
+                <label>Shoping Preferences</label>
+
+                <div class="pqnp-popup-row">
+                    <!-- @foreach {list_of_interest} as {item} -->
+                    <div class="pqnp-popup-col-sm-6 pqnp-popup-col-xs-12 pqnp-custom-checkbox-col">
+                        <span class="pqnp-custom-checkbox">
+                            <label>
+                                <input type="checkbox" name="{field.list_of_interest}" value="{item.id_newsletter_pro_list_of_interest}" condition-if="intval({item.checked}) == 1" checked condition-endif>
+                                <span><i class="pqnp-icon-checkbox-checked pqnp-checkbox-checked"></i></span>
+                                <span>{item.name}</span>
+                            </label>
+                        </span>
+                    </div>
+                    <!-- @endforeach -->
+                </div>
+            </div>
+        </div>
+        <!-- @endif -->
+
+        <div class="pqnp-popup-form-group pqnp-popup-row">
+            <div class="pqnp-popup-col-sm-12">
+                <span class="pqnp-custom-checkbox">
+                    <label>
+                        <input id="{id.terms_and_conditions}" type="checkbox" name="{field.terms_and_conditions}" value="1">
+                        <span><i class="pqnp-icon-checkbox-checked pqnp-checkbox-checked"></i></span>
+                        <span>I agree with the <a href="{terms_and_conditions_url}" class="pqnp-popup-button-link" target="_blank">terms and conditoins</a>.</span>
+                    </label>
+                </span>
+            </div>
+        </div>
+
+        <div id="{id.error}" class="pqnp-popup-alert pqnp-popup-alert-danger pqnp-popup-error" style="display: none;"></div>
+        <div id="{id.success}" class="pqnp-popup-alert pqnp-popup-alert-success pqnp-popup-success" style="display: none;"></div>
+
+        <div class="pqnp-popup-form-group pqnp-popup-row">
+            <div class="pqnp-popup-col-sm-6 pqnp-popup-col-xs-12 pqnp-popup-xs-form-group">
+                <a href="javascript:{}" id="{id.subscribe}" class="pqnp-popup-button pqnp-popup-button-primary pqnp-submit-newsletterpro-subscribe">Subscribe</a>
+            </div>
+            <div class="pqnp-popup-col-sm-6 pqnp-popup-col-xs-12">
+                <a href="javascript:{}" id="{id.unsubscribe}" class="pqnp-popup-button pqnp-popup-button-danger pqnp-submit-newsletterpro-unsubscribe">Unsubscribe</a>
+            </div>
+        </div>
+
+        <div class="pqnp-popup-row">
+            <div class="pqnp-popup-col-sm-8">
+                <a href="javascript:{}" id="{id.destroy}" class="pqnp-popup-button-link pqnp-popup-button-sm-link pqnp-popup-button-link-dark">Don't show me this popup again.</a>
+            </div>
+            <div class="pqnp-popup-col-sm-4 pqnp-popup-text-right">
+                <div id="{id.close_timeout}" class="pqnp-close-timeout pqnp-popup-text-sm" style="display: none;"></div>
+            </div>
+        </div>
+    </form>
+</div>

modules/newsletterpro/install/tables/subscription_tpl/responsive_layout/en/email_subscribe_confirmation_message.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Confirm your subscription</title>
+    </head>
+    <body>
+        <p>{shop_logo}</p>
+        <h4>
+            <strong>Subscribe at our newsletter</strong>
+        </h4>
+        <p>Confirm your subscription at our newsletter by clicking {email_confirmation}.</p>
+        <p>Thank you,
+        <br /> {shop_name}</p>
+    </body>
+</html>

modules/newsletterpro/install/tables/subscription_tpl/responsive_layout/en/email_subscribe_voucher_message.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Newsletter Subscription Voucher</title>
+    </head>
+    <body>
+        <p>{shop_logo}</p>
+        <p>Thank you for you subscription. Your voucher code is {voucher}.</p>
+    </body>
+</html>

modules/newsletterpro/install/tables/subscription_tpl/responsive_layout/en/email_unsubscribe_confirmation_message.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Confirm your unsubscription</title>
+    </head>
+    <body>
+        <p>{shop_logo}</p>
+        <h4>
+            <strong>Unsubscribe from our newsletter</strong>
+        </h4>
+        <p>Confirm your unsubscription from our newsletter by clicking {unsubscribe}.</p>
+        <p>Thank you,
+        <br /> {shop_name}</p>
+    </body>
+</html>

modules/newsletterpro/install/tables/subscription_tpl/responsive_layout/en/index.php

@@ -0,0 +1,26 @@
+<?php
+/**
+* Since 2013 Ovidiu Cimpean.
+*
+* Ovidiu Cimpean - Newsletter Pro © All rights reserved.
+*
+* DISCLAIMER
+*
+* Do not edit, modify or copy this file.
+* If you wish to customize it, contact us at addons4prestashop@gmail.com.
+*
+* @author    Ovidiu Cimpean <addons4prestashop@gmail.com>
+* @copyright Since 2013 Ovidiu Cimpean
+* @license   Do not edit, modify or copy this file
+*
+* @version   Release: 4
+*/
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+exit;

modules/newsletterpro/install/tables/subscription_tpl/responsive_layout/en/subscribe_message.html

@@ -0,0 +1,2 @@
+<p>You have been subscribed to our newsletter.</p>
+<!-- @if strlen({voucher}) > 0 --><p>Your voucher code is {voucher}.</p><!-- @endif -->

modules/newsletterpro/install/tables/subscription_tpl/responsive_layout/index.php

@@ -0,0 +1,26 @@
+<?php
+/**
+* Since 2013 Ovidiu Cimpean.
+*
+* Ovidiu Cimpean - Newsletter Pro © All rights reserved.
+*
+* DISCLAIMER
+*
+* Do not edit, modify or copy this file.
+* If you wish to customize it, contact us at addons4prestashop@gmail.com.
+*
+* @author    Ovidiu Cimpean <addons4prestashop@gmail.com>
+* @copyright Since 2013 Ovidiu Cimpean
+* @license   Do not edit, modify or copy this file
+*
+* @version   Release: 4
+*/
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+exit;

modules/newsletterpro/install/tables/subscription_tpl/responsive_layout/settings.json

@@ -0,0 +1,49 @@
+{
+    "name": "Responsive New",
+    "voucher": "",
+    "active": false,
+    "display_gender": true,
+    "display_firstname": true,
+    "display_lastname": true,
+    "display_language": false,
+    "display_birthday": true,
+    "display_list_of_interest": true,
+    "display_subscribe_message": false,
+    "body_width": "100%",
+    "body_min_width": "0",
+    "body_max_width": "600",
+    "body_top": "100",
+    "cookie_lifetime": 365,
+    "start_timer": 0,
+    "allow_multiple_time_subscription": true,
+    "mandatory_fields": [],
+    "terms_and_conditions_url": "",
+    "_const": [
+        {
+            "field_name": "list_of_interest_type",
+            "field_value": "NewsletterProSubscriptionTpl::LIST_OF_INTEREST_TYPE_CHECKBOX"
+        },
+        {
+            "field_name": "show_on_pages",
+            "field_value": "NewsletterProSubscriptionTpl::SHOW_ON_PAGES_NONE"
+        },
+        {
+            "field_name": "when_to_show",
+            "field_value": "NewsletterProSubscriptionTpl::WHEN_TO_SHOW_POPUP_COOKIE"
+        },
+        {
+            "field_name": "render_loader",
+            "field_value": "NewsletterProSubscriptionTpl::RENDER_LOADER_BETTER"
+        }
+    ],
+    "_content": {
+        "css_style": "css_style.compiled.scss"
+    },
+    "_content_lang": {
+        "content": "content.html",
+        "subscribe_message": "subscribe_message.html",
+        "email_subscribe_voucher_message": "email_subscribe_voucher_message.html",
+        "email_subscribe_confirmation_message": "email_subscribe_confirmation_message.html",
+        "email_unsubscribe_confirmation_message": "email_unsubscribe_confirmation_message.html"
+    }
+}

modules/newsletterpro/install/tables/subscription_tpl/responsive_new/css_style.compiled.scss

@@ -0,0 +1,354 @@
+/* define classes */
+.pqnp-popup-clearfix:after, .pqnp-popup-row:after {
+  visibility: hidden;
+  display: block;
+  font-size: 0;
+  content: " ";
+  clear: both;
+  height: 0;
+}
+
+.pqnp-popup-clearfix, .pqnp-popup-row {
+  display: inline-block;
+}
+
+* html .pqnp-popup-clearfix, * html .pqnp-popup-row {
+  height: 1%;
+}
+
+.pqnp-popup-clearfix, .pqnp-popup-row {
+  display: block;
+}
+
+.pqnp-popup-form-group, .pqnp-popup-box .pqnp-popup-error, .pqnp-popup-box .pqnp-popup-success {
+  margin-bottom: 15px;
+}
+
+.pqnp-popup-row {
+  margin-left: -5px;
+  margin-right: -5px;
+}
+
+[class^="pqnp-popup-col-"] {
+  float: left;
+  padding: 0 5px;
+}
+
+.pqnp-popup-col-sm-1 {
+  width: 8.3333333333%;
+}
+
+.pqnp-popup-col-sm-2 {
+  width: 16.6666666667%;
+}
+
+.pqnp-popup-col-sm-3 {
+  width: 25%;
+}
+
+.pqnp-popup-col-sm-4 {
+  width: 33.3333333333%;
+}
+
+.pqnp-popup-col-sm-5 {
+  width: 41.6666666667%;
+}
+
+.pqnp-popup-col-sm-6 {
+  width: 50%;
+}
+
+.pqnp-popup-col-sm-7 {
+  width: 58.3333333333%;
+}
+
+.pqnp-popup-col-sm-8 {
+  width: 66.6666666667%;
+}
+
+.pqnp-popup-col-sm-9 {
+  width: 75%;
+}
+
+.pqnp-popup-col-sm-10 {
+  width: 83.3333333333%;
+}
+
+.pqnp-popup-col-sm-11 {
+  width: 91.6666666667%;
+}
+
+.pqnp-popup-col-sm-12 {
+  width: 100%;
+}
+
+.pqnp-popup-text-right {
+  text-align: right;
+}
+
+.pqnp-popup-text-left {
+  text-align: left;
+}
+
+.pqnp-popup-text-sm {
+  font-size: 14px;
+}
+
+.pqnp-popup-text-md {
+  font-size: 16px;
+}
+
+a.pqnp-popup-button-link {
+  color: #2fb5d2 !important;
+}
+a.pqnp-popup-button-link:hover {
+  text-decoration: underline !important;
+  color: #2fb5d2 !important;
+}
+a.pqnp-popup-button-link.pqnp-popup-button-sm-link {
+  font-size: 14px;
+}
+a.pqnp-popup-button-link.pqnp-popup-button-link-dark {
+  color: #232323 !important;
+}
+a.pqnp-popup-button-link.pqnp-popup-button-link-dark:hover {
+  color: #232323 !important;
+  text-decoration: underline !important;
+}
+
+a.pqnp-popup-button {
+  text-decoration: none;
+  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
+  text-transform: uppercase;
+  font-weight: 600;
+  padding: 8px 20px;
+  border-color: transparent;
+  display: inline-block;
+}
+a.pqnp-popup-button:hover {
+  border-color: transparent;
+  text-decoration: none;
+}
+a.pqnp-popup-button.pqnp-popup-button-primary {
+  color: #fff !important;
+  background-color: #2fb5d2;
+}
+a.pqnp-popup-button.pqnp-popup-button-primary:hover {
+  color: #fff;
+  background-color: #2592a9;
+}
+a.pqnp-popup-button.pqnp-popup-button-danger {
+  color: #fff !important;
+  background-color: #ff4c4c;
+  border-color: #ff4c4c;
+}
+a.pqnp-popup-button.pqnp-popup-button-danger:hover {
+  color: #fff;
+  background-color: #ff1919;
+  border-color: #ff0f0f;
+}
+
+.pqnp-popup-alert {
+  padding: 10px;
+}
+.pqnp-popup-alert.pqnp-popup-alert-danger {
+  background: rgba(214, 8, 51, 0.9);
+  color: #fff;
+  font-size: 13.6px;
+}
+.pqnp-popup-alert.pqnp-popup-alert-success {
+  background: rgba(5, 177, 109, 0.9);
+  color: #fff;
+  font-size: 13.6px;
+}
+
+.pqnp-popup-form-control {
+  display: block;
+  width: 100%;
+  padding: 8px 12px;
+  font-size: 16px;
+  line-height: 1.25;
+  background-color: #fff;
+  background-image: none;
+  background-clip: padding-box;
+  border-radius: 0;
+  background: #f1f1f1;
+  color: #7a7a7a;
+  border: 1px solid rgba(0, 0, 0, 0.25);
+  padding: 8px 16px;
+  touch-action: manipulation;
+  overflow: visible;
+}
+.pqnp-popup-form-control:focus {
+  background-color: #fff;
+  color: #232323;
+  outline: 3px solid #2fb5d2;
+  border-color: #66afe9;
+}
+.pqnp-popup-form-control:active {
+  color: #232323;
+}
+
+select.pqnp-popup-form-control:not([size]):not([multiple]) {
+  height: calc(40px - 2px);
+  appearance: none;
+  border-radius: 0;
+  -webkit-appearance: none;
+  -webkit-border-radius: 0px;
+  -moz-appearance: none;
+}
+
+@media only screen and (max-width: 400px) {
+  .pqnp-popup-xs-form-group {
+    margin-bottom: 15px;
+  }
+
+  .pqnp-popup-col-xs-1 {
+    width: 8.3333333333%;
+  }
+
+  .pqnp-popup-col-xs-2 {
+    width: 16.6666666667%;
+  }
+
+  .pqnp-popup-col-xs-3 {
+    width: 25%;
+  }
+
+  .pqnp-popup-col-xs-4 {
+    width: 33.3333333333%;
+  }
+
+  .pqnp-popup-col-xs-5 {
+    width: 41.6666666667%;
+  }
+
+  .pqnp-popup-col-xs-6 {
+    width: 50%;
+  }
+
+  .pqnp-popup-col-xs-7 {
+    width: 58.3333333333%;
+  }
+
+  .pqnp-popup-col-xs-8 {
+    width: 66.6666666667%;
+  }
+
+  .pqnp-popup-col-xs-9 {
+    width: 75%;
+  }
+
+  .pqnp-popup-col-xs-10 {
+    width: 83.3333333333%;
+  }
+
+  .pqnp-popup-col-xs-11 {
+    width: 91.6666666667%;
+  }
+
+  .pqnp-popup-col-xs-12 {
+    width: 100%;
+  }
+}
+/* setup window */
+.pqnp-win-front .pqnp-win-front-container {
+  padding: 0;
+}
+.pqnp-win-front .pqnp-win-front-container .pqnp-win-front-container-inner {
+  padding: 0;
+}
+
+/* subscrie message popup */
+.pqnp-popup-subscribe-message {
+  box-sizing: border-box;
+  padding: 20px;
+}
+.pqnp-popup-subscribe-message p {
+  padding: 0 !important;
+  margin: 0;
+  margin-bottom: 10px;
+}
+.pqnp-popup-subscribe-message p:last-of-type {
+  margin: 0;
+}
+
+/* setup popup */
+.pqnp-popup-box {
+  box-sizing: border-box;
+  padding: 20px;
+}
+.pqnp-popup-box * {
+  box-sizing: border-box;
+}
+.pqnp-popup-box .pqnp-popup-show-logo {
+  text-align: center;
+}
+.pqnp-popup-box .pqnp-popup-title {
+  font-weight: bold;
+  font-size: 22px;
+  text-transform: uppercase;
+  text-align: center;
+  color: #3c3c3c;
+}
+.pqnp-popup-box .pqnp-popup-title-small {
+  font-size: 13.6px;
+  text-align: center;
+  font-weight: bold;
+  color: #7A7A7B;
+}
+.pqnp-popup-box label {
+  color: #232323;
+  text-align: right;
+  font-size: 14px;
+  display: inline-block;
+  margin-bottom: 8px;
+  font-weight: normal;
+}
+.pqnp-popup-box .pqnp-custom-checkbox-col {
+  height: 28px;
+}
+.pqnp-popup-box .pqnp-popup-logo-box {
+  margin-bottom: 30px;
+}
+.pqnp-popup-box .pqnp-popup-title-box {
+  margin-bottom: 30px;
+}
+.pqnp-popup-box a.pqnp-submit-newsletterpro-subscribe {
+  font-size: 16px;
+  box-shadow: none;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
+  display: block;
+  text-align: center;
+  color: #3c3c3c !important;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.25);
+}
+.pqnp-popup-box a.pqnp-submit-newsletterpro-subscribe:hover {
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.45);
+  color: #232323 !important;
+}
+.pqnp-popup-box a.pqnp-submit-newsletterpro-unsubscribe {
+  font-size: 16px;
+  box-shadow: none;
+  -webkit-transition: all 300ms;
+  transition: all 300ms;
+  display: block;
+  text-align: center;
+  color: #fff !important;
+  background-color: #3c3c3c;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+}
+.pqnp-popup-box a.pqnp-submit-newsletterpro-unsubscribe:hover {
+  color: #fff !important;
+  background-color: #4b4b4b;
+  border: 1px solid rgba(0, 0, 0, 0.25);
+}
+.pqnp-popup-box .pqnp-popup-birthday {
+  padding: 6px 16px;
+}
+.pqnp-popup-box .pqnp-close-timeout {
+  color: #232323;
+}

modules/newsletterpro/install/tables/subscription_tpl/responsive_new/css_style.scss

@@ -0,0 +1,404 @@
+$color-grey: #3c3c3c;
+$color-dark: #232323;
+
+/* define classes */
+.pqnp-popup-clearfix:after {
+  visibility: hidden;
+  display: block;
+  font-size: 0;
+  content: " ";
+  clear: both;
+  height: 0;
+}
+
+.pqnp-popup-clearfix {
+	display: inline-block;
+}
+
+* html .pqnp-popup-clearfix {
+	height: 1%;
+}
+
+.pqnp-popup-clearfix {
+	display: block;
+}
+
+.pqnp-popup-form-group {
+	margin-bottom: 15px;
+}
+
+.pqnp-popup-row {
+	margin-left: -5px;
+	margin-right: -5px;
+	@extend .pqnp-popup-clearfix;
+}
+
+[class^="pqnp-popup-col-"] {
+	float: left;
+	padding: 0 5px;
+}
+
+.pqnp-popup-col-sm-1 {
+	width: percentage(1/12);
+}
+
+.pqnp-popup-col-sm-2 {
+	width: percentage(2/12);
+}
+
+.pqnp-popup-col-sm-3 {
+	width: percentage(3/12);
+}
+
+.pqnp-popup-col-sm-4 {
+	width: percentage(4/12);
+}
+
+.pqnp-popup-col-sm-5 {
+	width: percentage(5/12);
+}
+
+.pqnp-popup-col-sm-6 {
+	width: percentage(6/12);
+}
+
+.pqnp-popup-col-sm-7 {
+	width: percentage(7/12);
+}
+
+.pqnp-popup-col-sm-8 {
+	width: percentage(8/12);
+}
+
+.pqnp-popup-col-sm-9 {
+	width: percentage(9/12);
+}
+
+.pqnp-popup-col-sm-10 {
+	width: percentage(10/12);
+}
+
+.pqnp-popup-col-sm-11 {
+	width: percentage(11/12);
+}
+
+.pqnp-popup-col-sm-12 {
+	width: percentage(12/12);
+}
+
+.pqnp-popup-text-right {
+	text-align: right;
+}
+
+.pqnp-popup-text-left {
+	text-align: left;
+}
+
+.pqnp-popup-text-sm {
+	font-size: 14px;
+}
+
+.pqnp-popup-text-md {
+    font-size: 16px;
+}
+
+a.pqnp-popup-button-link {
+	color: #2fb5d2 !important;
+	
+	&:hover {
+		text-decoration: underline !important;
+		color: #2fb5d2 !important;
+	}
+
+	&.pqnp-popup-button-sm-link {
+		font-size: 14px;
+	}
+
+	&.pqnp-popup-button-link-dark {
+		color: $color-dark !important;
+
+		&:hover {
+			color: $color-dark !important;
+			text-decoration: underline !important;
+		}
+	}
+}
+
+
+a.pqnp-popup-button {
+
+	text-decoration: none;
+	box-shadow: 2px 2px 4px 0 rgba(0,0,0,.2);
+	text-transform: uppercase;
+	font-weight: 600;
+	padding: 8px 20px;
+	border-color: transparent;
+	display: inline-block;
+	
+	&:hover {
+		border-color: transparent;
+		text-decoration: none;
+	}
+
+	&.pqnp-popup-button-primary {
+		color: #fff !important;
+		background-color: #2fb5d2;
+
+		&:hover {
+			color: #fff;
+			background-color: #2592a9;
+		}
+	
+	}
+
+	&.pqnp-popup-button-danger {
+		color: #fff !important;
+		background-color: #ff4c4c;
+		border-color: #ff4c4c;
+		
+		&:hover {
+			color: #fff;
+			background-color: #ff1919;
+			border-color: #ff0f0f;
+		}
+	
+	}
+}
+
+.pqnp-popup-alert {
+	padding: 10px;
+
+	&.pqnp-popup-alert-danger {
+    	background: rgba(214, 8, 51, 0.9);
+		color: #fff;
+		font-size: 13.6px;
+	}
+
+	&.pqnp-popup-alert-success {
+    	background: rgba(5, 177, 109, 0.9);
+		color: #fff;
+		font-size: 13.6px;
+	}
+}
+
+.pqnp-popup-form-control {
+	display: block;
+    width: 100%;
+    padding: 8px 12px;
+    font-size: 16px;
+    line-height: 1.25;
+    background-color: #fff;
+    background-image: none;
+    background-clip: padding-box;
+	border-radius: 0;
+    background: #f1f1f1;
+    color: #7a7a7a;
+    border: 1px solid rgba(0,0,0,.25);
+	padding: 8px 16px;
+	touch-action: manipulation;
+	overflow: visible;
+
+	&:focus {
+		background-color: #fff;
+		color: $color-dark;
+		outline: 3px solid #2fb5d2;
+		border-color: #66afe9;
+	}
+
+	&:active {
+		color: $color-dark;
+	}
+}
+
+select.pqnp-popup-form-control:not([size]):not([multiple]) {
+	height: calc(40px - 2px);
+	appearance: none;
+	border-radius: 0;
+	-webkit-appearance: none;
+	-webkit-border-radius: 0px;
+	-moz-appearance:none;
+}
+
+@media only screen and (max-width: 400px) {
+
+	.pqnp-popup-xs-form-group {
+		margin-bottom: 15px;
+	}
+
+	.pqnp-popup-col-xs-1 {
+		width: percentage(1/12);
+	}
+
+	.pqnp-popup-col-xs-2 {
+		width: percentage(2/12);
+	}
+
+	.pqnp-popup-col-xs-3 {
+		width: percentage(3/12);
+	}
+
+	.pqnp-popup-col-xs-4 {
+		width: percentage(4/12);
+	}
+
+	.pqnp-popup-col-xs-5 {
+		width: percentage(5/12);
+	}
+
+	.pqnp-popup-col-xs-6 {
+		width: percentage(6/12);
+	}
+
+	.pqnp-popup-col-xs-7 {
+		width: percentage(7/12);
+	}
+
+	.pqnp-popup-col-xs-8 {
+		width: percentage(8/12);
+	}
+
+	.pqnp-popup-col-xs-9 {
+		width: percentage(9/12);
+	}
+
+	.pqnp-popup-col-xs-10 {
+		width: percentage(10/12);
+	}
+
+	.pqnp-popup-col-xs-11 {
+		width: percentage(11/12);
+	}
+
+	.pqnp-popup-col-xs-12 {
+		width: percentage(12/12);
+	}
+}
+
+/* setup window */
+
+.pqnp-win-front {
+	.pqnp-win-front-container {
+		padding: 0;
+		.pqnp-win-front-container-inner {
+			padding: 0;
+		}
+	}
+}
+
+/* subscrie message popup */
+
+.pqnp-popup-subscribe-message {
+	box-sizing: border-box;
+	padding: 20px;
+
+	p {
+		padding: 0 !important;
+		margin: 0;
+		margin-bottom: 10px;
+
+		&:last-of-type {
+			margin: 0;
+		}
+	}
+}
+
+/* setup popup */
+.pqnp-popup-box {
+	box-sizing: border-box;
+	padding: 20px;
+	
+	* {
+		box-sizing: border-box;
+	}
+	.pqnp-popup-show-logo {
+		text-align: center;
+	}
+
+	.pqnp-popup-title {
+		font-weight: bold;
+		font-size: 22px;
+		text-transform: uppercase;
+		text-align: center;
+		color: $color-grey;
+	}
+
+	.pqnp-popup-title-small {
+		font-size: 13.6px;
+		text-align: center;
+		font-weight: bold;
+		color: #7A7A7B;
+	}
+
+	label {
+		color: $color-dark;
+		text-align: right;
+		font-size: 14px;
+		display: inline-block;
+		margin-bottom: 8px;
+		font-weight: normal;
+	}
+
+	.pqnp-custom-checkbox-col {
+		height: 28px;
+	}
+
+	.pqnp-popup-logo-box {
+		margin-bottom: 30px;
+	}
+
+	.pqnp-popup-title-box {
+		margin-bottom: 30px;
+	}
+
+	a.pqnp-submit-newsletterpro-subscribe {
+		font-size: 16px;
+		box-shadow: none;
+		-webkit-transition: all 300ms; 
+		transition: all 300ms;
+		display: block;
+		text-align: center;
+		color: $color-grey !important;
+		background-color: #fff;
+		border: 1px solid rgba(0,0,0,.25);
+
+		&:hover {
+			background-color: #fff;
+			border: 1px solid rgba(0,0,0,.45);
+			color: $color-dark !important;
+		}
+	}
+
+	a.pqnp-submit-newsletterpro-unsubscribe {
+		font-size: 16px;
+		box-shadow: none;
+		-webkit-transition: all 300ms; 
+		transition: all 300ms;
+		display: block;
+		text-align: center;
+		color: #fff !important;
+		background-color: $color-grey;
+		border: 1px solid rgba(0,0,0,.15);
+
+		&:hover {
+			color: #fff !important;
+			background-color: #4b4b4b;
+			border: 1px solid rgba(0,0,0,.25);
+		}
+	}
+
+	.pqnp-popup-error {
+		@extend .pqnp-popup-form-group;
+	}
+	.pqnp-popup-success {
+		@extend .pqnp-popup-form-group;
+	}
+
+	.pqnp-popup-birthday {
+		padding: 6px 16px;
+	}
+
+	.pqnp-close-timeout {
+		color: $color-dark;
+	}
+}
+

modules/newsletterpro/install/tables/subscription_tpl/responsive_new/en/content.html

@@ -0,0 +1,107 @@
+<div class="pqnp-popup-box" style="background: url({module_path}views/img/front_subscription/popup.jpg) bottom left no-repeat;">
+    <form id="{id.form}" method="POST">
+        <div class="pqnp-popup-form-group pqnp-popup-clearfix pqnp-popup-logo-box">
+            <div class="pqnp-popup-show-logo">
+                <img src="{shop_logo_url}">
+            </div>
+        </div>
+
+        <div class="pqnp-popup-form-group pqnp-popup-clearfix pqnp-popup-title-box">
+            <h1 class="pqnp-popup-title">Be the first to know</h1>
+            <h5 class="pqnp-popup-title-small">about our latest products and exclusive offers.</h5>
+        </div>
+
+        <div class="pqnp-popup-form-group">
+            <label for="{id.email}">Email Address<sup>*</sup></label>
+            <input id="{id.email}" class="pqnp-popup-form-control" type="text" name="{field.email}" placeholder="Email Address">
+        </div>
+
+        <div class="pqnp-popup-form-group pqnp-popup-row">
+            <!-- @if intval({display_firstname}) == 1 -->
+            <div class="pqnp-popup-col-sm-6 pqnp-popup-col-xs-12 pqnp-popup-xs-form-group">
+                <label for="{id.firstname}">First Name{render_mandatory_firstname}</label>
+                <input id="{id.firstname}" class="pqnp-popup-form-control" type="text" name="{field.firstname}" placeholder="First Name" value="{form.firstname}">
+            </div>
+            <!-- @endif -->
+            <!-- @if intval({display_lastname}) == 1 -->
+            <div class="pqnp-popup-col-sm-6 pqnp-popup-col-xs-12">
+                <label for="{id.lastname}">Last Name{render_mandatory_lastname}</label>
+                <input id="{id.lastname}" class="pqnp-popup-form-control" type="text" name="{field.lastname}" placeholder="Last Name" value="{form.lastname}">
+            </div>
+            <!-- @endif -->
+        </div>
+
+        <div class="pqnp-popup-form-group pqnp-popup-row">
+            <div class="pqnp-popup-col-sm-6 pqnp-popup-col-xs-12 pqnp-popup-xs-form-group">
+                <!-- @if intval({display_gender}) == 1 -->
+                <label for="{id.gender}">Gender</label>
+                <select id="{id.gender}" class="pqnp-popup-form-control" name="{field.gender}">
+                    <option value="0">- neutral -</option>
+                    {render_gender_options}
+                </select>
+                <!-- @endif -->
+            </div>
+            <div class="pqnp-popup-col-sm-6 pqnp-popup-col-xs-12">
+                <!-- @if intval({display_birthday}) == 1 -->
+                <label for="{id.birthday}">Date of Birth</label>
+                <input id="{id.birthday}" class="pqnp-popup-form-control pqnp-popup-birthday" type="date" name="{field.birthday}" value="{form.birthday}">
+                <!-- @endif -->
+            </div>
+        </div>
+
+        <!-- @if intval({display_list_of_interest}) == 1 -->
+        <div class="pqnp-popup-form-group pqnp-popup-row">
+            <div class="pqnp-popup-col-sm-12">
+                <label>Shoping Preferences</label>
+
+                <div class="pqnp-popup-row">
+                    <!-- @foreach {list_of_interest} as {item} -->
+                    <div class="pqnp-popup-col-sm-6 pqnp-popup-col-xs-12 pqnp-custom-checkbox-col">
+                        <span class="pqnp-custom-checkbox">
+                            <label>
+                                <input type="checkbox" name="{field.list_of_interest}" value="{item.id_newsletter_pro_list_of_interest}" condition-if="intval({item.checked}) == 1" checked condition-endif>
+                                <span><i class="pqnp-icon-checkbox-checked pqnp-checkbox-checked"></i></span>
+                                <span>{item.name}</span>
+                            </label>
+                        </span>
+                    </div>
+                    <!-- @endforeach -->
+                </div>
+            </div>
+        </div>
+        <!-- @endif -->
+
+        <div class="pqnp-popup-form-group pqnp-popup-row">
+            <div class="pqnp-popup-col-sm-12">
+                <span class="pqnp-custom-checkbox">
+                    <label>
+                        <input id="{id.terms_and_conditions}" type="checkbox" name="{field.terms_and_conditions}" value="1">
+                        <span><i class="pqnp-icon-checkbox-checked pqnp-checkbox-checked"></i></span>
+                        <span>I agree with the <a href="{terms_and_conditions_url}" class="pqnp-popup-button-link" target="_blank">terms and conditoins</a>.</span>
+                    </label>
+                </span>
+            </div>
+        </div>
+
+        <div id="{id.error}" class="pqnp-popup-alert pqnp-popup-alert-danger pqnp-popup-error" style="display: none;"></div>
+        <div id="{id.success}" class="pqnp-popup-alert pqnp-popup-alert-success pqnp-popup-success" style="display: none;"></div>
+
+        <div class="pqnp-popup-form-group pqnp-popup-row">
+            <div class="pqnp-popup-col-sm-6 pqnp-popup-col-xs-12 pqnp-popup-xs-form-group">
+                <a href="javascript:{}" id="{id.subscribe}" class="pqnp-popup-button pqnp-popup-button-primary pqnp-submit-newsletterpro-subscribe">Subscribe</a>
+            </div>
+            <div class="pqnp-popup-col-sm-6 pqnp-popup-col-xs-12">
+                <a href="javascript:{}" id="{id.unsubscribe}" class="pqnp-popup-button pqnp-popup-button-danger pqnp-submit-newsletterpro-unsubscribe">Unsubscribe</a>
+            </div>
+        </div>
+
+        <div class="pqnp-popup-row">
+            <div class="pqnp-popup-col-sm-8">
+                <a href="javascript:{}" id="{id.destroy}" class="pqnp-popup-button-link pqnp-popup-button-sm-link pqnp-popup-button-link-dark">Don't show me this popup again.</a>
+            </div>
+            <div class="pqnp-popup-col-sm-4 pqnp-popup-text-right">
+                <div id="{id.close_timeout}" class="pqnp-close-timeout pqnp-popup-text-sm" style="display: none;"></div>
+            </div>
+        </div>
+    </form>
+</div>

modules/newsletterpro/install/tables/subscription_tpl/responsive_new/en/email_subscribe_confirmation_message.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Confirm your subscription</title>
+    </head>
+    <body>
+        <p>{shop_logo}</p>
+        <h4>
+            <strong>Subscribe at our newsletter</strong>
+        </h4>
+        <p>Confirm your subscription at our newsletter by clicking {email_confirmation}.</p>
+        <p>Thank you,
+        <br /> {shop_name}</p>
+    </body>
+</html>

modules/newsletterpro/install/tables/subscription_tpl/responsive_new/en/email_subscribe_voucher_message.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Newsletter Subscription Voucher</title>
+    </head>
+    <body>
+        <p>{shop_logo}</p>
+        <p>Thank you for you subscription. Your voucher code is {voucher}.</p>
+    </body>
+</html>

modules/newsletterpro/install/tables/subscription_tpl/responsive_new/en/email_unsubscribe_confirmation_message.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Confirm your unsubscription</title>
+    </head>
+    <body>
+        <p>{shop_logo}</p>
+        <h4>
+            <strong>Unsubscribe from our newsletter</strong>
+        </h4>
+        <p>Confirm your unsubscription from our newsletter by clicking {unsubscribe}.</p>
+        <p>Thank you,
+        <br /> {shop_name}</p>
+    </body>
+</html>

modules/newsletterpro/install/tables/subscription_tpl/responsive_new/en/index.php

@@ -0,0 +1,26 @@
+<?php
+/**
+* Since 2013 Ovidiu Cimpean.
+*
+* Ovidiu Cimpean - Newsletter Pro © All rights reserved.
+*
+* DISCLAIMER
+*
+* Do not edit, modify or copy this file.
+* If you wish to customize it, contact us at addons4prestashop@gmail.com.
+*
+* @author    Ovidiu Cimpean <addons4prestashop@gmail.com>
+* @copyright Since 2013 Ovidiu Cimpean
+* @license   Do not edit, modify or copy this file
+*
+* @version   Release: 4
+*/
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+exit;

modules/newsletterpro/install/tables/subscription_tpl/responsive_new/en/subscribe_message.html

@@ -0,0 +1,2 @@
+<p>You have been subscribed to our newsletter.</p>
+<!-- @if strlen({voucher}) > 0 --><p>Your voucher code is {voucher}.</p><!-- @endif -->

modules/newsletterpro/install/tables/subscription_tpl/responsive_new/index.php

@@ -0,0 +1,26 @@
+<?php
+/**
+* Since 2013 Ovidiu Cimpean.
+*
+* Ovidiu Cimpean - Newsletter Pro © All rights reserved.
+*
+* DISCLAIMER
+*
+* Do not edit, modify or copy this file.
+* If you wish to customize it, contact us at addons4prestashop@gmail.com.
+*
+* @author    Ovidiu Cimpean <addons4prestashop@gmail.com>
+* @copyright Since 2013 Ovidiu Cimpean
+* @license   Do not edit, modify or copy this file
+*
+* @version   Release: 4
+*/
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+exit;

modules/newsletterpro/install/tables/subscription_tpl/responsive_new/settings.json

@@ -0,0 +1,49 @@
+{
+    "name": "Responsive New",
+    "voucher": "",
+    "active": false,
+    "display_gender": true,
+    "display_firstname": true,
+    "display_lastname": true,
+    "display_language": false,
+    "display_birthday": true,
+    "display_list_of_interest": true,
+    "display_subscribe_message": false,
+    "body_width": "100%",
+    "body_min_width": "0",
+    "body_max_width": "600",
+    "body_top": "100",
+    "cookie_lifetime": 365,
+    "start_timer": 0,
+    "allow_multiple_time_subscription": true,
+    "mandatory_fields": [],
+    "terms_and_conditions_url": "",
+    "_const": [
+        {
+            "field_name": "list_of_interest_type",
+            "field_value": "NewsletterProSubscriptionTpl::LIST_OF_INTEREST_TYPE_CHECKBOX"
+        },
+        {
+            "field_name": "show_on_pages",
+            "field_value": "NewsletterProSubscriptionTpl::SHOW_ON_PAGES_NONE"
+        },
+        {
+            "field_name": "when_to_show",
+            "field_value": "NewsletterProSubscriptionTpl::WHEN_TO_SHOW_POPUP_COOKIE"
+        },
+        {
+            "field_name": "render_loader",
+            "field_value": "NewsletterProSubscriptionTpl::RENDER_LOADER_BETTER"
+        }
+    ],
+    "_content": {
+        "css_style": "css_style.compiled.scss"
+    },
+    "_content_lang": {
+        "content": "content.html",
+        "subscribe_message": "subscribe_message.html",
+        "email_subscribe_voucher_message": "email_subscribe_voucher_message.html",
+        "email_subscribe_confirmation_message": "email_subscribe_confirmation_message.html",
+        "email_unsubscribe_confirmation_message": "email_unsubscribe_confirmation_message.html"
+    }
+}

modules/newsletterpro/install/tiny_mce/index.php

@@ -0,0 +1,26 @@
+<?php
+/**
+* Since 2013 Ovidiu Cimpean.
+*
+* Ovidiu Cimpean - Newsletter Pro © All rights reserved.
+*
+* DISCLAIMER
+*
+* Do not edit, modify or copy this file.
+* If you wish to customize it, contact us at addons4prestashop@gmail.com.
+*
+* @author    Ovidiu Cimpean <addons4prestashop@gmail.com>
+* @copyright Since 2013 Ovidiu Cimpean
+* @license   Do not edit, modify or copy this file
+*
+* @version   Release: 4
+*/
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../');
+exit;