Personnaliser la page d’accueil du thème woocommerce Store [Guide final]
Avant de créer une personnalisation sur un thème Store, nous vous recommandons de créer d’abord un sous – thème Store afin d’éviter de perdre vos modifications lors de la mise à jour du thème principal. Si vous souhaitez personnaliser davantage le thème du magasin, consultez le Guide de personnalisation du magasin que j’ai partagé dans mon article précédent. Personnaliser la page d’accueil du thème du magasin
En plus de la page woocommerce par défaut, le thème Store crée automatiquement deux autres modèles de page. Je suis la page d’accueil et la photo complète. Nous discuterons ici de la façon de configurer un modèle de page d’accueil. Modèles de page d’accueil les modèles de page d’accueil vous offrent une excellente façon de voir tous les produits et vous donnent un aperçu des produits et des catégories.
Produits. Lorsque les visiteurs de votre magasin visiteront votre magasin, ils se connecteront d’abord à cette page. L’apparence de la page d’accueil est importante, car si elle est attrayante, le visiteur peut se transformer en acheteur.
Il est facile de le configurer parce que vous n’avez qu’à vous connecter au panneau d’administration du site en tant qu’administrateur. Créez une nouvelle page et ajoutez du contenu à afficher. Ensuite, vous devez sélectionner la page d’accueil dans le menu déroulant du modèle dans la métazone propriétés de la page, comme suit:
Supprimer l’opération U (\
ESC URL ($link),
WP _ get attachment image ($logo ID, $size, false, Array)
‘class’ = >’ site logo attachment – ‘$ Taille
\
« propriétés du projet» = > « logo»
()
);
$HTML = appliquer un filtre (‘jetpack _ The site logo’, $HTML, $logo, $Size);
Autres
$tag = is _ Front Page ()? ‘ H1 ‘: \
$HTML = ‘
Se (\
$HTML. = ‘ ‘ . ESC _ HTML (get bloginfo (‘description’, ‘Display’) ‘ ‘;
}
}
Eco $HTML;
? >
Pour supprimer cette section, il suffit d’ajouter le code suivant au fichier de fonctions. Php du sous – thème. Storefront _ Child Reorder Homepage count () {
Supprimer _ action (‘Homepage’, ‘storefront recent Products’, 30);
}
Ajouter _ action (‘init’, ‘storefront Child Reorder Homepage content’); Les résultats sont les suivants:
5. Supprimer les produits les plus vendus de la page d’accueil du magasin peut ne pas être une fonction idéale pour certains propriétaires de magasin. Pour supprimer la section best – seller, il suffit d’ajouter le code suivant à la fonction fichier. Php du sous – thème.
Storefront _ Child Reorder homep Function
Age _ count () {
Supprimer _ action (‘Homepage’, ‘storefront Best Selling Products’, 70);
}
Ajouter _ action (‘init’, ‘storefront Child Reorder Homepage content’); Les résultats sont les suivants:
6. Supprimer les produits en vedette de la même façon, le propriétaire du magasin peut vouloir désactiver la partie des produits en vedette. Pour ce faire, ajoutez le fragment de code suivant au fichier de fonctions. Sous – thème PHP: storefront _ Child Reorder Homepage contain () {fonctions
Supprimer _ action (\
}
Ajouter _ action (‘init’, ‘storefront Child Reorder Homepage content’); Les résultats sont les suivants:
7. Comment changer la couleur de la ligne horizontale sur la page d’accueil du magasin, il suffit d’ajouter le code suivant dans le fichier personnalisé. CSS du sous – thème:. Page d’accueil du modèle de page. Sensations Titre de l’entrée,
– Oui. Page d’accueil du modèle de page. Respect
– Oui. Page d’accueil du modèle de page. Division des produits de magasin
Couleur du bord: Rouge;
8. Ajouter une image de fond à une présentation dans une section spécifique de la page d’accueil le thème par défaut de la vitrine comporte six sections: catégories de produits, derniers produits, produits en vedette, produits chauds, produits à vendre et produits les plus vendus. Il suffit d’ajouter le code suivant au fichier de style. CSS: . Produits exposés
Image de fond: url (ajoutez votre URL ici);
Emplacement de fond: Centre;
Répétition de fond: aucune répétition;
Dimensions de fond: couverture;
O – dimensions – arrière – plan: couverture;
Les résultats sont les suivants: 9. Ajouter une couleur de fond à la page d’accueil du magasin vous pouvez ajouter une couleur de fond à la page d’accueil. Pour ce faire, vous devez d’abord déterminer quelle partie de la couleur vous voulez ajouter. Vous pouvez le faire facilement en ajoutant le code suivant au style de fichier. CSS:. Produits exposés
Couleur de fond: # ffeb3b;
Les résultats sont les suivants: 10. Comment supprimer ou masquer ti
In Section des produits en vedette titre storefront _ Homepage after featured products – in Section d’accueil produits populaires storefront _ Homepage before Popular products – in
Section d’accueil storefront _ Homepage after Popular Products Title – in
Titre de la section produits chauds storefront _ Homepage after powerlar products – in
Saldo storefront _ Homepage before on sale Products Home section prodotti – in <?php
}
} Il collegamento personalizzato va sulla riga 7 '( '/my-custom-link/' );' , dove aggiungerai il tuo link personalizzato sostituendolo con " my-custom-link ".
3. Rimuovere completamente le categorie dalla home page del negozio Potresti voler rimuovere completamente le categorie sulla home page. Questa funzione rimuove semplicemente le categorie. Tutto quello che devi fare è aggiungere le seguenti righe al file functions.php: funzione storefront_child_reorder_homepage_contant() {
remove_action('homepage', 'storefront_product_categories', 20 );
}
add_action('init', 'storefront_child_reorder_homepage_contant'); Ecco il risultato:
Parce que le thème du magasin est flexible, vous pouvez utiliser des filtres et des crochets pour personnaliser ce que vous voulez. Pour d’autres styles, vous pouvez utiliser d’autres sections CSS ou styles de fichiers. CSS, où vous entrez le code CSS. Plus de 80 magasins woocommerce Theme Customization Tips: The Ultimate Guide to store Theme Customization How to hide Products in woocommerce or by category or role How to hide Products in woocommerce How to get Current Product Category Names in woocommerce How to set featured products in woocommerce How to hide all categories Comment calculer la quantité d’articles ajoutés à votre panier Code comment cacher les produits inestimables dans woocommerce comment cacher les produits woocommerce des résultats de recherche comment utiliser progressivement les propriétés des produits woocommerce [guide complet] Comment créer une mise en page numérique dans WordPress N’utilisez pas de plug – in