J'ai un magasin de commerce électronique sur WordPress. Nous venons de migrer de Opencart à WordPress et avons eu des problèmes concernant la description du produit. Tous nos produits ont différents CSS dans la description et nous espérions que cela pourrait être fait de la façon dont il est fait dans OpenCart (où les balises CSS commencent par la balise de style et suivies de classes HTML qui sont référées dans des balises HTML).
Un exemple du code de OpenCart est collé ci-dessous pour donner une idée:
J'ai essayé de faire la même chose que j'ai fait pour OpenCart, mais cela ne semble pas fonctionner dans l'éditeur de description du produit sur wordpress. Il suffit de prendre les balises HTML et d'ignorer totalement les balises CSS. Il s'agit simplement d'afficher "paire de manière transparente" sans autre formatage qui devrait provenir de la balise CSS
3 Réponses :
Je n'ai pas fait beaucoup de travail dans WordPress, mais d'après ce que je sais, je pense qu'il existe un fichier spécifique où vous mettez tout votre CSS. Voici un article qui pourrait aider. Comment trouver le fichier WordPress CSS
Qui styles tous les produits. J'ai besoin d'un fichier séparé pour chaque autre produit
Parce que tous vos produits s'appuient sur le même fichier (par exemple, un seul produit unique.php ou quelque chose de similaire), tous les CSS que vous écrivez pour ce fichier seront appliqués à Al de vos produits. La chose la plus facile que vous puissiez faire est de donner à vos produits un identifiant. Vous pouvez y parvenir en passant the_id (); dans votre boucle de temps. Chaque produit aura sa propre pièce d'identité, chaque produit peut avoir son propre style.
Donc, fondamentalement, vous obtiendrez quelque chose comme ceci: p> p> MAINTENANT, vous pouvez styliser vos produits comme par exemple P> #product-1 {
background-color:red;
}
Le code que vous avez collé qui commence par
Salut uez millealman, c'est juste un exemple de boucle. La partie importante de cet exemple est le code suivant:
Je comprends cela et s'appliquera à l'affaire. Mais je demande où puis-je ajouter ces lignes de code? Au fichier de fonctions.php dans le thème de l'enfant?
Bonjour DLS123321, s'il vous plaît répondre.
J'ai trouvé la réponse. Insérez le code suivant sur les fonctions de thème de votre enfant.PHP Fichier:
add_action( 'woocommerce_after_add_to_cart_button', 'css_for_products', 30 );
function css_for_products() {
global $product;
if ($product->id == 784 or $product->id == 832 )
{
wp_enqueue_style( 'sample-code', 'https://www.yoursite.com/css/custom.css',false);
}
N'oubliez pas d'ajouter des points-virgules après chaque propriété / valeur:
Font-Poids: 700;Cela n'a fait aucune différence