Veuillez travailler sur « emusic.votrenomdedomaine »
Les sources nécessaires sont en dessous de la vidéo.
- cliquez ici pour télécharger les sources puis importer les produits
- veuillez lire le point de vigilance sur les ancres
- lire la vidéo et reproduire
- Designer cette boutique musique selon vos goûts at ajouter la à votre site livrables/portfolio
- a propos des images en background
Durée : 15mn
Le short-code :
[products limit= »6″ columns= »4″ category= »le_slug_de_la_categorie »]
A propos des ancres
Erratum de la vidéo : Pour que les ancres fonctionnement sur tout le site : vous devez éditer le menu ainsi ( mettre L’URL complète , pas que le #guitar_ac ). [remplacer l’url shop01.ab-formation.fr par la votre]
Si vous êtes par exemple sur la page CONTACT et que vous n’avez pas renseigné l’URL complète, votre ancre se dirigera vers https://urldelapagecontact/#ancre ce qui provoquera une erreur. puisque la destination est https://urldelapageacueil/#ancre.
1.a > Veuillez télécharger les sources
1.b > Veuillez importer les produits
Note pour les utilisateurs avancés : Edit du 26/05/2020 + 17/07/2022 : La version du CSV contenue dans le lien ci dessous est passée en v3 puis en v2022 avec correction des accents + encodage UTF8 et import des images sur un répertoire ab-formation. [Mais le séparateur est un point virgule.]
Importer le fichier CSV (produits_musique_v2022.csv) en respectant le séparateurs « point virgule » – voir ci dessous –
Pour les images en background :
le code CSS suivant affiche la même image sur tous les headers
.top-header {
position: relative;
min-height: 450px;
background-image: url(
https://votre_url_d_image/wp-content/uploads/****/image.jpg
);
} le code CSS suivant affiche une image sur le header du panier
.woocommerce-cart .top-header {
position: relative;
min-height: 450px;
background-image: url(
https://votre_url_d_image........../imagepanier.jpg
);
}
.woocommerce-account .top-header {
position: relative;
min-height: 450px;
background-image: url(
https://votre_url_d_image........../imagemoncompte.jpg
);
} Pour trouver la class de la page :
exemple pour le panier :
exemple pour la page « mon compte » > woocommerce-account
