Archives mensuelles : septembre 2013

Déménager une boutique Prestashop

CMS, Prestashop, , ,

exporter la base de données de votre installation, le mieux et de le faire deux fois

  • une fois en .sql
  • une deuxième fois en  «zippé»

je dis cela car selon la version du phpMyAdmin en place sur votre nouvel emplacement, le .sql peut ne pas fonctionner ou inversement

  • modèle de nom de fichier laissez sur: @DATABASE@ ou  __DB__

Ensuite créer une base de données sur le nouvel emplacement voulu, vous n’êtes pas obliger de garder le même nom de base de données. Ouvrez votre nouvelle base de données, puis cliquer sur « importer » et importez la base de donnée précedement exportée.

Puis il vous faut modifier le fichier de configuration: settings.inc.php qui se trouve dans le répertoire « config » de votre installation prestashop.
et modifier les constantes php, leur nom est assez évocateurs vous saurez quoi remplacer je pense.
DB name
DB user
DB passwd
PS_BASE URI _ (emplacement de prestashop – dossier ou pas) si pas de dossier laissez juste le slash.  Après envoyez votre fichier modifié sur le nouveau serveur.

il faut également modifier deux entrées dans la table « ps_configuration » présente dans votre base de données:
search -> %LIKE% rechercher le champ DOMAIN
et le modifier pour mettre le bon nom de domaine (monnouveausite.com).

également modifiez la table « ps_shop_url » et mettre la nouvelle url de la boutique
« ps_shop_url » – « domain_ssl » – « physical_uri » si imbrication dans sous dossier.

Et voila vous avez déménagez votre boutique Prestashop!
En cas de souci pensez à vous connecter au backoffice de votre boutique.

Si vous avez un message d’erreur, cela peut venir du fichier « defines.inc.php »
transformez ça:

define('PS_ROOT_DIR', realpath($currentDir.'/..'))

en ça:

define('PS_ROOT_DIR', dirname($currentDir));

Ajout automatique de champs personnalisés pendant l’édition d’article

CMS, PHP, Wordpress, , ,

Voici le code à ajouter dans le fichier  functions.php

function champs_personnalises($post_id){
 if (get_post_type($post_id) == 'post'){
    add_post_meta($post_id, "Nom Prenom", "", true);
    add_post_meta($post_id, "Telephone", "", true);
    add_post_meta($post_id, "Adresse email", "", true);
    add_post_meta($post_id, "Site internet", "http://", true);
 }
 return true;
}
add_action('wp_insert_post', 'champs_personnalises');

Les champs indiqués ici servent d’exemples uniquement.
Une fois ce code ajouté à votre fichier functions.php, retournez dans votre back-office et cliquez sur ajouter un article
afin de voir les champs: /Nom Prenom/Telephone/Adresse email/Site internet apparaître en bas de la zone d’édition.

Framework Bootstrap

Bootstrap, Framework, Outils en ligne, , , , , ,

Bootstrap est un Framework embarquant du css, du js, le tout étant adaptable et responsive à de nombreuses plateformes il fonctionne grâce à un système de grilles et colonnes, 12 colonnes.
grilles fixes ou fluides, au choix.

bootstrap

le principe est simple on crées des div auxquelles on ajoute des classes row pour désigner une ligne ( cad un bloc qui prend tout l’écran)
et des classes span pour désigner un « inline-bloc » ( span1, span2, span3, span4, …, …, span11, span12) sur une ligne la somme de tout les span doit être <= à 12

 

Pour plus de détails consulter la doc en ligne

Dans le «head»

HTML, Langages, , , , 
/************ les balises metas ************/
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="author" content="LALANDRE Thierry"/>
<meta name="description" content="" />

/************ le charset UTF8 ************/
<meta charset="utf-8">

/************ mettre un favicon ************/
<link rel="shortcut icon" type="image/ico" href="img/favicon.gif" />
/************ lien vers feuille de style externe ************/
<link rel="stylesheet" type="text/css" href="style.css">

Demander mot de passe pour afficher une page

HTML, Langages, PHP, ,

on peut réaliser cela grâce à php imaginons un fichier index.php qui contient un formulaire <form> qui pointe en méthode post sur ce même fichier index.php

<?php
   // Le mot de passe n'a pas été envoyé ou il n'est pas bon affichage   du formulaire
    if (!isset($_POST['mot_de_passe']) OR $_POST['mot_de_passe'] != "jk5ji6k")
    {
       echo "<form></form>";
    }
    //ou bien le mot de passe a été envoyé et il est bon
    else{
       // Afficher la page
    }
?>

Etablir des régles média queries

Non classé

il suffit dans un fichier css d’insérer

/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 1280px */
@media screen and (max-width: 1280px) {

}
@media all and (min-width: 1024px) and (max-width: 1280px) {

}
/* Sur les téléviseurs */
@media tv {

}
/* Sur tous types d'écrans orientés verticalement */
@media all and (orientation: portrait){

}

3 manières de faire du style CSS

CSS, Langages, Non classé, , , ,

on peut écrire du code en langage CSS à trois endroits différents :

  1. dans un fichier .css externe

  2. dans l’en-tête <head> du fichier HTML ;

  3. directement dans les balises du fichier HTML via un attribut style

 

1

 <link href="../css/style.css" rel="stylesheet" type="text/css" />

2

<head>
 <style>
 *{
   padding: 0;
   margin: 0;
 }
 body{
    background: #c6c6c6;
    width: 960px;
    margin: 0 auto;
 }
 h1{
    color: #000;
    font-size: 20px;
    font-family: "Segoe Script",georgia,verdana, sans-serif;
    text-align:center;
 }

 </style>
</head>

3

<img src="img/fond.jpg" alt="" style="display: block; float: left;" />

Modèle vierge de page HTML5

HTML, Langages

page vide –  structure de code minimale d’une page web HTML5

<!DOCTYPE html>
<html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <link rel="shortcut icon" type="image/ico" href="img/favicon.gif" />
   <link rel="stylesheet" type="text/css" href="style.css" />
   <title> titre </title>
 </head>
 <body>
 </body>
</html>