Pages – Bootstrap 4 Admin Dashboard Template

Meet pages The simplest and fastest way to build web UI for your dashboard or app. Our beautifully-designed UI Framework comes with hundreds of customizable features. Every Layout is just a starting point—you can style it to look any way you want.

Demo

Download

Full Features List

  • Clean, Intuitive and Fully Responsive Unique Design(works on all major browsers, tablets and phones)
  • Developer Friendly Code
  • Bootstrap 4 Framework
  • jQuery 1.11.1
  • 6 Color Themes
  • Full SASS Support
  • Full RTL Support
  • OS supported Hinted Typography
  • Language Switch Bar
  • Quick layout Builder
  • 5 Useful dashboard Layouts
    • Pages condensed.
      • One of our most popular Layouts, Pages Condensed offers a wide range of responsive space specifically for dashboards with heavy content.
    • Pages casual.
      • A new tone of voice – a relaxed, friendly, joyful layout that quickly makes the user experience more personal, casual and fun!.
    • Pages corporate.
      • Corporate is a bold, cool Layout that elevates your content by utilizing a clean layout and a simple, open interface.
    • Simply white.
      • In a world of complexity, Simplicity defeats stress. Simply white is an open simple, minimal yet striking layout, built to combat stress.
    • Pages Executive.
      • A Professional template with a timeless look, best suited to quickly create a serious organized experience.
  • UI Features
    • OS Compatible Typography.
    • Custom Buttons
    • Font Awesome Icons(Font Awesome v3.2.0)
    • Charts – NVD3, Rickshaw,Sparkline
    • Synching Colors
    • Animated Notifications
    • Modals
    • Custom Progress & Activity
    • Custom Tabs & accordians
    • Custom Toggle Buttons(Bootstrap Toggle Buttons)
    • Sliders
    • Tree View
    • Nestable
    • UI Widgets
    • Integrated Nestable Lists(jQuery Nestable)
    • Ion Range Sliders
    • NoUI Range Sliders
    • Pages progress bar & Bootstrap progress
    • Tag Input(jQuery Tags Input)
    • Pages Styled Tables
    • Stripped Tables
    • Condensed Tables
    • Detail view collapsible Tables
  • Form Stuff
    • Pages Styled traditional and contemporary forms
    • Advance Form Layouts(2 Columns, Attached forms, Row Separated, Labeled forms)
    • Advance Form Validation
    • Form Wizard
    • Multiple File Upload
    • Dropzone File Upload
    • Form Components
      • Date Picker(Bootstrap Date Picker)
      • Time Picker(Bootstrap Time Picker)
      • Date Range Picker(Bootstrap Date Range Picker)
      • Select 2 Dropdowns
      • Custom radio Button
      • Checkbox
      • Custom Select Dropdown(Pages Exclusive)
      • Multiple Select
      • Ios Switchery
      • Input autonumeric
      • Input Masks
      • Tags Input
      • Integrated WYSIWYG Editor
  • Pages
    • Dashboard Page
    • 404 Page
    • 500 Page
    • Invoice
    • Gallery
    • Login
    • Pages style Timeline
    • Register
    • Lock Screen
    • Google maps
    • Vector maps
    • Email page
    • Socail page
    • Portlets page
    • Data Tables
    • Basic Tables
  • Pages Calendar
    • Pages Exclusive Calendar
      • Multiple Views – Month, week, Day
      • 70 Language Support
      • Create custom events
      • Lazy Loading
      • RTL Layout
  • And many more…

Roosa – Just Another Dashboard Template

Roosa is a HTML admin or dashboard template powered with Twitter Bootstrap 3.3.7framework & HTML5 Boilerplate, both are the perfect combination to start in making a website template. Roosa can be used for any type of web applications like Blogging Dashboard, Monitoring Dashboard, Shop Cak End etc. Roosa has a modern flat design which makes your next project look awesome and yet user-friendly. Roosa has 20+ collection of jQuery plugins and UI components and support on all major web browsers, tablets and phones.Roosa comes with 4 layout variations. Once you purchased Roosa, you will be entitled to free download of all future updates for the same license.

Here are some key features of Roosa:

  1. Bootstrap 3.3.7 Framework
  2. jQuery v1.12.4
  3. Boilerplate
  4. Modernizr
  5. Built with LESS
  6. Organized and Commented Code
  7. Roboto Google Font
  8. Multilevel Menu
  9. Modern Flat Design
  10. 20+ Plugins
  11. 2000+ Icon fonts
  12. 4 layout variations
  13. Fixed and static Header layout
  14. Pace page loading
  15. Stepy Form Wizard with Validation
  16. And many more…

Demo

Download

Boooya – Revolution Admin Template

Boooya – powerful admin template based on newest technologies. This template is fully responsive and retina ready. It means that you can easily build your web application and be sure that it will work well on all devices. Also its included with unique plugins that developed specially for Boooya temaplte. In downloaded package you will find .less files, documentation, clean and commented source code. Boooya is easy to use and customize, also you will find lots of ready to use elements.

Boooya support is available 24/7. Do not hesitate to send your question or suggestion. We will do our best to help you.

Check out the live preview, and don’t forget to visit all pages and try all options in settings.

Demo

Download

Mango – Slick & Responsive Admin Template

Mango, a slick and responsive Admin Template, comes with all features you can imagine – and even those you can’t imagine. It is build with modern techniques like HTML5 and CSS3 to be used for backend solutions of any size. It has custom elements, 30+ plugins, 15+ custom plugins and a very flexible content structure. Mango supports 12 columns grid for main content and widgets make the whole Admin Template very flexible for different types of data and content. The propably most sophisticated Admin Template you have ever seen is waiting for you!

Mando Admin Theme
Mando Admin Theme

Demo

Download

Migrar Prestashop

Proceso de copia y restauración de un respaldo manual de PrestaShop:

  1. Si usas Panel de Hosting (cPanel, Plesk, etc.) accede al Administrador de Archivo.
  2. Navega a la carpeta que contenga la Tienda de PrestaShop.
  3. Selecciona todos los archivos y carpetas y comprímelos en un archivo .zip
  4. Si no puedes hacerlo desde tu Panel de Hosting descarga los archivos/carpetas por FTP.
  5. Accede al gestor de bases de datos phpMyAdmin y exporta la base de datos de tu Tienda en formato comprimido.
  6. Sube los archivos de tu tienda en formato .zip al nuevo Hosting (Administrador de Archivos o FTP).
  7. Crear una base de datos “nueva” en el Hosting nuevo y anota los datos (Nombre base datos/usuario/contraseña).
  8. Desde el nuevo Hosting, Bases de Datos, phpMyAdmin, accede a la nueva base de datos.
  9. Importa la base de datos previamente descargada del anterior Hosting.
  10. Accede nuevamente a tu Panel de Hosting (cPanel), Administrador de Archivos.
  11. Accede a la carpeta /config y edita el archivo settings.inc.php.
  12. Cambia los valores del nombre de la base de datos _DB_NAME_, usuario _DB_USER_ y contraseña _DB_PASSWD_.
  13. Vacía la carpeta /tools/smarty/compile y /tools/smarty/cache

Si además de trasladar tu Tienda PrestaShop a otro servidor o Hosting, vas a trabajar o utilizar un dominio nuevo, entonces deberás realizar lo siguiente:

  1. Accede al Panel de Hosting (cPanel) donde has trasladado la Tienda.
  2. Bases de Datos, phpMyAdmin.
  3. Localiza y edita la tabla ps_configuration.
  4. Edita los registros PS_SHOP_DOMAIN y PS_SHOP_DOMAIN_SSL
  5. Cámbialos por el dominio nuevo.
  6. Guarda los cambios.

Antes de probar que tu Tienda trasladada carga correctamente deberá revisar si los archivos y carpetas trasladados al nuevo Hosting tienen los permisos correctos.

  • Archivos con permisos 644.
  • Carpetas con permisos 755.

Instalar y/o renovar certificado Let’s Encrypt

  1. Primera paso es parar Nginx
    1. service nginx stop
  2. Ejecutar el siguiente comando introduciendo el email y la dirección web con www
    1. ./letsencrypt-auto certonly --standalone --email tu@tudominio.com -d www.tudominio.com
    2. ./letsencrypt-auto certonly --standalone --email info@prodevision.com -d www.prodevision.com
  3. Una vez generado el certificado se guarda en la siguiente carpeta
    1. /etc/letsencrypt/live/tudominio.com/

Si estas renovando el certificado seguramente te genere una carpeta con un nombre diferente para no sobreescribir la que ya existe. Es cuestión de renombrar la carpeta para que el fichero de configuracion de Nginx no haya que tocarlo.

LEMP – Linux, Nginx, Mysql y PHP7

Para instalar en Ubuntu 16.04 un servidor LEMP seguir los siguientes pasos.

Acceso SSH desde fuera

nano /etc/ssh/sshd_config

PermitRootLogin yes

Nginx
 apt-get install nginx


MySql Server

apt-get install mysql-server
mysql_secure_installation
apt-get install phpmyadmin
PHP7
apt-get install php-fpm php-mysql
nano /etc/php/7.0/fpm/php.ini
cgi.fix_pathinfo=0

apt-get install memcached
apt-get install php-memcached
apt-get install php-imagick
apt-get install php-zip

 service php7.0-fpm restart 

COMO COMPRIMIR UNA CARPETA ENTERA EN LINUX DESDE CONSOLA

Es muy fácil y útil comprimir archivos y sobre todo carpetas enteras desde consola. Es útil a la hora de realizar backups o copias de seguridad de directorios, ya que permite comprimir un directorio entero y descargarlo de forma más segura y más cómoda.

El comando te tienes que ejecutar desde la consola es el siguiente:

tar -zcvf nombre-archivo.tar.gz nombre-directorio

Donde,

  • -z: Comprimir archivos usando gzip
  • -c: Crear un nuevo archivo
  • -v: Verbose, es decir, mostrar el proceso durante la creacion del archivo
  • -f: nombre de archivo

Ahora bien, Como Descomprimir un archivo .tar.gz.

El comando necesario para descomprimir sería el mismo pero cambiando algunos atributos.

tar -xvzf miarcho.tar.gz

Donde,

  • -x: extrae el contenido del archivo comprimido
  • -v: Verbose, es decir, mostrar el proceso durante la creacion del archivo
  • -f: nombre de archivo

 

También podemos comprimir todo el contenido de una carpeta cuando estamos dentro pero excluyendo un directorio (útil para Prestashop y quitar la carpeta img)

tar -cvzf archivo.tar.gz –exclude=img *

Si queremos hacer lo mismo que antes pero indicando una carpeta sutituimos el * por la carpeta en cuestión.