Maison > Article > Tutoriel CMS > Apprenez à connaître ecshop
Recommandé (gratuit) : tutoriel ecshop
Je suis EC Novices, quel que soit le nombre de modèles créés par EC, ils ne seront certainement pas en mesure de répondre à nos besoins. De plus, chaque industrie a sa propre approche, et les modèles unifiés par EC peuvent ne pas convenir à notre industrie. Maîtrisez vraiment les nôtres. Ce n'est qu'en créant des modèles et en les modifiant que vous pourrez véritablement créer une plateforme de commerce électronique qui vous convient et qui correspond aux habitudes des clients de votre secteur.
Tout d'abord, invitons tout le monde à parcourir ce tutoriel. Félicitations à tous pour avoir utilisé ECshop ! Quelle est la qualité d'EC ? ECshop est construit avec PHP. Je ne veux pas en dire plus sur les applications PHP (Amazon : http://www.020jz.org/, Yahoo : yahoo.com, Baidu : baidu.com Taobao : http. :/ /www.020jz.org/Sina : sina.com, Tencent : qq.com), (ps : ECshop a réussi ! En ce moment, il est l'héritage du grand e-commerce, il ne se bat pas seul, il est pas seul -_- !!! ) Je n'entrerai pas dans les détails, tout le monde le sait, mais parfois j'adore la plongée et je ne peux vraiment pas m'empêcher de sauter le pas et de dire quelques mots
Ce tutoriel. est adapté pour comprendre les modèles ECshop et ECshop DIY et leur utilisation quotidienne, avant de les visualiser, vous devez utiliser au moins un éditeur (exp : Dreamweaver, editplus, emacs, vi, ee... c'est-à-dire un éditeur HTML visuel ou un éditeur de texte direct , J'en parlerai, j'utiliserai Dreamwaver, qui convient mieux aux débutants et aux designers). Ce tutoriel est actuellement maintenu par moi seul, mais je pense qu'il le sera par de nombreuses personnes d'ici peu. Le contenu doit être constamment mis à jour. Si vous êtes intéressé à participer, envoyez-moi un MP. Servissons tout le monde ensemble.
En étudiant ce tutoriel, à condition de le suivre et de le regarder, vous pourrez certainement apprendre à créer vos propres modèles. :)
Les chapitres suivants s'appliquent au programme ECshop. En même temps, une grande partie du contenu ici est liée à certains Smarty. Si vous connaissez déjà ces contenus, vous pouvez sauter la lecture. Si vous êtes nouveau sur ECshop et que vous souhaitez créer votre propre boutique, vous devez lire ces chapitres attentivement et en détail du début à la fin. ( ps : Ne soyez pas nerveux, je ferai de mon mieux pour communiquer avec vous en langage humain. Je ne vous le montrerai qu'en langage machine en dernier recours) J'espère que tout le monde pourra réussir ce tutoriel et créer n'importe quel modèle que vous vouloir. Ha ha ! Travaillons dur ensemble !
Chapitre 1 :
Lisez ces contenus, vous comprendrez :
1. Le page modèle correspondant à chaque page frontale et à la structure de répertoires du fichier modèle. 2. Certaines des méthodes de modification de modèle ECshop les plus élémentaires. 3. Le chemin du modèle et la méthode d'inclusion des fichiers associés (en savoir plus sur la production de modèles Dreamweaver). 4. Explication de quelques exemples de modèles couramment utilisés. |
Chemin de stockage du modèle : ecshop/themes/xxxxx où xxxxx est un certains ensembles de modèles, par exemple, le fichier de modèle fourni avec le système est généralement appelé par défaut (c'est-à-dire : ecshop/themes/default). Ce qui y est placé est le modèle par défaut lorsqu'il est installé. pour le modèle par défaut.
Nous trouvons une image gif aléatoire, la nommons logo.gif et la mettons dans le répertoire des images, puis nous actualisons la page d'accueil. Avez-vous vu ça ? Le logo de la page d'accueil a été modifié. Si vous pensez que la taille n'est pas appropriée, alors nous ouvrons page_header.lib dans le répertoire de la bibliothèque pour afficher le code source, puis recherchons images/logo.gif puis regardons derrière width=”130″ height=”56″ et remplacez 130 et 56 par ceux correspondants. La valeur est suffisante, allez à la réception pour vous rafraîchir et voir. Actualisez le navigateur pour voir si des modifications ont été apportées à la page. Crevette? Vous ne l'avez pas trouvé ? Regardez l'en-tête du navigateur, haha, le titre du site Web a-t-il été modifié ? Haha, oui, {$page_title} est la balise du titre du site Web (remarque : la balise commence de {to} et se termine, {and} font partie de la balise. L'ensemble du modèle ECshop est comme). ceux-ci un par un Les balises sont composées de balises qui contrôlent l’affichage dynamique du contenu et des données du site Web. Par exemple, ({$keywords}) contrôle la balise de mot-clé du site Web, {$description} : balise de description du site Web, (c'est la balise dans le modèle, chaque balise correspondra à une valeur dans le programme. Lorsque le site Web est en cours d'exécution, le moteur de modèle lira la page du modèle, puis remplacera la balise correspondante par la valeur correspondante, et la page du site Web que nous voyons sera affichée. . Compris. Pour les novices, ce contenu peut ne pas être entièrement digéré en une seule fois. Si vous avez des questions, veuillez laisser un message et je le mettrai à jour ici.) Ne vous inquiétez pas, la hâte fait du gaspillage, haha, allons-y. commencez réellement à créer des modèles ECshop maintenant. (Ceux qui ne comprennent pas le HTML devraient préparer Dreamweaver) Prérequis : ajustez le modèle que vous utilisez actuellement au modèle par défaut, puis videz le cache. Ensuite, nous entrons dans le répertoire par défaut et vous pouvez voir le répertoire de fichiers suivant : *.dwt (indiquant d'autres fichiers .dwt) Xiami ? Vous ne croyez pas que ce sont des modèles ? D'accord, laissez-moi vous le prouver. Changeons le nom du fichier logo.gif dans les images en logo2.gif, puis OK, nous utiliserons Dreamweaver pour ouvrir le fichier. indexez le fichier .dwt, recherchez {$page_title} dans le code source. Après l'avoir trouvé, modifiez {$page_title} en Super Invincible Hypermarket. Ensuite, allez sur très simple 8, haha, tout le monde est vraiment intelligent, Kong Ming Reincarnation, je l'ai appris si vite. Si votre étape précédente était super, très simple, la prochaine étape sera la même. Comment dois-je la changer ensuite ? On continue après les publicités. ….Espace publicitaire doré… bienvenue pour acheter… Envoyez-moi un message si nécessaire… (PS : les gens ne peuvent pas être aussi impudiques)… Haha… 1. Nous accédez au répertoire /themes/default, renommez index.dwt en index_bak.dwt, puis utilisez Dreamweaver pour créer un nouveau fichier HTML, puis enregistrez-le dans le répertoire /themes/default et nommez-le index.dwt. OK, actualisons le répertoire. réception Écoutez, haha, il n'y a rien. D'accord, recherchez Si une boîte de dialogue apparaît pendant le fonctionnement : Cliquez simplement sur OK, :) 2. Ensuite, nous sélectionnons l'interface visuelle à modifier : puis cliquez après {$page_title} Touche Entrée. pour changer la ligne, puis entrez : Annonce du magasin : {$shop_notice} Accédez au navigateur pour actualiser la page d'accueil pour actualiser et voir, haha. L'annonce de la boutique a été appelée. Vous pouvez accéder au backend du site Web Paramètres système->Paramètres de la boutique->Informations sur la boutique en ligne->Annonce de la boutique pour modifier le contenu, puis accéder au navigateur. et actualisez la page d'accueil du site Web pour voir, haha, l'annonce du magasin est supprimée dynamiquement
3 Appuyez ensuite sur la touche Entrée après {$shop_notice} pour modifier la ligne, puis entrez. 1. 网站快讯: 2. {foreach from=$new_articles item=article} 3. {$article.short_title} 4. {/foreach} Remarque :
Commentaires :
以后这个循环我们会经常的用到哦. 还是不懂也没有关系,每次遇到我都会讲哪里要怎么设置的,多用就会了。 我们也可以这么写哦 , 注意: 在代码编辑的视图里面编辑 1. <table> 2. {foreach from=$new_articles item=article} 3. <tr><td> 4. {$article.short_title} 5. </td></td> 6. {/foreach} 7. </table> 哈哈,保存,刷新首页看看,表格被一行一行的循环出来了哦
第二章 一人得道,鸡犬升天啊,谢谢ECshop将我提升为教程区版主 ,实在时荣幸啊,谢谢大家的支持, 谢谢我的笔记本电脑小Y,谢谢我的电脑桌,谢谢我的椅子,谢谢大家! 呵呵! ~Orz. 模板教程继续啦! 不知道大家是学会用循环了呢,还是我的言语实在有问题,大家实在无法完成阅读哦,居然大家都没有问题,暂时心里安慰,把他当做好事情,大家都会调用了,呵呵,那我们继续循环调用商品了! 好,继续在我们昨天的基础上,我们在网站快讯的循环后面,按 Enter键, 输入:商品列表,接着建立一个2行3列的表格,宽度为70%, 表格边框为1(为了让大家看清楚 ),起HTML代码如下 1. <p>商品列表</p> 2. <table width=”70%” border=”1″> 3. <tr> 4. <td>1</td> 5. <td>2</td> 6. <td>3</td> 7. </tr> 8. <tr> 9. <td>4</td> 10. <td>5</td> 11. <td>6</td> 12. </tr> 13. </table> 注: ( 1,2,3,4,5,6这些个是序号,方便跟大家讲解呢 ) 在这里,我们暂时先把下面这一行去掉(为了大家操作简单),变成 1. <p>商品列表</p> 2. <table width=”70%” border=”1″> 3. <tr> 4. <td>1</td> 5. <td>2</td> 6. <td>3</td> 7. </tr> 8. </table> 我们要循环的是列,也就是 | ,因此我们的循环标签应该在 | 和 | 的外面, 而2,和3应该是循环出来的东西,也就时我模板里面只用保留 1 这个td就可以了,2 和3都要去掉,
Type | Remarques (fonction ou signification) | Fichier | (Répertoire)Le nom peut-il être modifié |
|
Répertoire | Répertoire d'images du modèle de magasin | Ne peut pas être modifié | ||
Répertoire | Répertoire où se trouvent les fichiers de la bibliothèque de modèles stocké | Ne peut pas être modifié | ||
Image |
est utilisé pour | «gestion du backend -> -> modèle Sélectionnez ” pour afficher la vignette du modèle. |
Ne peut pas être modifié |
|
style.css |
cssstyle feuille |
|
Ne peut être modifiée |
|
Remarques : Modèle Il y en a un total de 22( format : .dwt). Rappel : 1, La modification du contenu du fichier bibliothèque dans le fichier modèle n'est pas valide. Lorsque la page est actualisée, le programme recharge automatiquement le contenu du fichier bibliothèque dans le fichier modèle . (Sous réserve du contenu du fichier bibliothèque). 2, Toutes les valeurs id commençant par ECS_ dans le modèle doivent être conservées ( et ajax sont liés à ). 3, Le contenu du fichier non-bibliothèque ne peut pas être placé dans la zone modifiable, sinon le contenu du fichier non-bibliothèque sera écrasé et supprimé lors de la définition du modèle. | ||||
brand.dwt |
Fichier modèle |
La page de la marque du produit |
ne peut pas être modifiée |
|
article.dwt |
Fichier modèle |
Page de contenu de l'article |
Ne peut pas être modifié |
|
article_cat.dwt |
Fichier modèle |
Page de liste d'articles |
Ne peut pas être modifié |
|
catalog.dwt |
Fichier modèle |
Toutes les pages de catégories |
ne peuvent pas être modifiées |
|
category.dwt |
Fichier modèle |
Page de liste de produits |
ne peut pas être modifiée |
|
compare.dwt |
Fichier modèle |
Page de comparaison de produits |
Ne peut pas être modifié |
|
flow.dwt |
Fichier modèle |
Page du panier d'achat et du processus d'achat |
Ne peut pas être modifié |
|
Galerie. dwt |
Fichier modèle |
Page de l'album produit |
Ne peut pas être modifié |
|
goods.dwt |
Fichier modèle |
Page de détails du produit |
Ne peut pas être modifié |
|
group_buy_goods.dwt |
Fichier modèle |
Page de détails du produit d'achat groupé |
Ne peut pas être modifié |
|
group_buy_list.dwt |
Fichier modèle |
Page de liste de produits d'achat groupé |
Ne peut pas être modifié | |
index.dwt |
Fichier modèle |
Page d'accueil |
Ne peut pas être modifié |
|
message.dwt |
Fichier modèle |
Page d'invite d'informations |
Ne peut pas être modifiée |
|
pick_out.dwt |
Fichier modèle |
Page du centre commercial |
Ne peut pas être modifié |
|
receive.dwt |
Fichier modèle |
Page d'informations de confirmation de réception |
Ne peut pas être modifié |
|
respond.dwt |
Fichier modèle |
Page d'informations sur l'invite de résultat du paiement en ligne |
ne peut pas être modifiée |
|
search.dwt | Fichier modèle |
Page de recherche de produits |
Ne peut pas être modifié |
|
snatch.dwt |
Fichier modèle |
Page des Aventuriers de l'arche perdue |
Ne peut pas être modifié |
|
tag_cloud.dwt |
Fichier modèle |
Page du nuage de tags |
Ne peut pas être modifié |
|
user_clips. dwt |
Fichier modèle |
Page du centre utilisateur (comprenant : page d'accueil, mon message, mes tags, produits favoris, rupture de stock liste d'enregistrement, ajouter les éléments manquants Enregistrement du fret ) |
Ne peut pas être modifié |
|
user_passport.dwt |
Fichier modèle |
Page de sécurité de l'utilisateur (comprenant : connexion du membre, inscription du membre, récupération du mot de passe.) |
Ne peut pas être modifié |
|
user_transaction.dwt |
Fichier modèle |
Page du centre utilisateur (comprenant : informations personnelles, mon enveloppe rouge, ajouter une enveloppe rouge, ma commande, les détails de la commande, la commande fusionnée, le statut de la commande, la liste des produits, le coût total, les informations sur le destinataire, le mode de paiement, d'autres informations, le solde du membre) |
<.>Ne peut pas être modifié | |
Remarques : Les fichiers de la bibliothèque totalisent 40 ( format .lbi) Rappel : Essayez de conserver le nom de fichier par défaut, sinon la gestion en arrière-plan ne pourra pas gérer le fichier de la bibliothèque ou il y aura des erreurs imprévues. | ||||
ad_position.lbi |
Fichier bibliothèque |
Position publicitaire |
Inchangeable |
|
bought_goods.lbi |
Fichier de bibliothèque |
Quels produits ont été achetés par les personnes qui ont acheté ce produit |
Ne peuvent pas être modifiés |
|
brand_goods.lbi |
Fichier de bibliothèque |
Les produits de la marque |
ne peuvent pas être modifiés |
|
brands.lbi |
Fichier de bibliothèque |
Zone de marque |
Ne peut pas être modifié |
|
cart.lbi |
Fichier de la bibliothèque |
Panier |
Ne peut pas être modifié |
|
cat_articles.lbi |
Fichier de bibliothèque |
Liste des articles |
Inchangeable |
|
cat_goods.lbi |
fichier de bibliothèque |
classification Les éléments sous |
ne peuvent pas être modifiés |
|
category_tree.lbi |
Fichier de bibliothèque |
Arbre de classification des produits |
ne peut pas être modifié |
|
comments .lbi |
Fichier de bibliothèque |
Liste des commentaires des utilisateurs (ajaxcharger comments_list.lbi fichier de bibliothèque) |
ne peut pas être modifié |
|
comments_list.lbi |
Fichier de la bibliothèque |
Contenu des commentaires de l'utilisateur |
Ne peut pas être modifié |
|
consignee.lbi |
Fichier bibliothèque |
Formulaire d'adresse de livraison |
Ne peut pas être modifié |
|
goods_article.lbi |
Fichier de bibliothèque |
Articles connexes |
Ne peut pas être modifié |
|
goods_attrlinked.lbi |
Fichier de bibliothèque |
Les produits associés aux attributs |
ne peuvent pas être modifiés |
|
goods_fittings.lbi |
Fichier de bibliothèque |
Accessoires associés |
Ne peut pas être modifié |
|
goods_gallery.lbi |
Fichier galerie |
Album produit |
Ne peut pas être modifié |
|
goods_list.lbi |
Fichier de bibliothèque |
Liste de produits |
Ne peut pas être modifié |
|
goods_rated.lbi |
Fichier de bibliothèque |
Produits associés |
Non disponible Modifier |
|
goods_tags.lbi |
fichier de bibliothèque |
étiquette du produit |
Ne peut pas être modifié |
|
group_buy.lbi |
Fichier bibliothèque |
Page d'accueil des produits d'achat groupé |
ne peut pas être modifiée |
|
help.lbi |
Fichier de bibliothèque |
Aide de la boutique en ligne |
ne peut pas être modifiée |
|
history.lbi |
Fichier de bibliothèque |
Historique de navigation des produits |
Ne peut pas être modifié |
|
invoice_query.lbi |
Fichier de bibliothèque |
Demande de facture |
ne peut pas être modifiée |
|
membre.lbi |
Fichier de la bibliothèque |
Connexion membre (ajaxChargementmember_info.lbi Fichier de bibliothèque. lbi Fichier de bibliothèque |
Formulaire de connexion du membre et informations du compte utilisateur après une connexion réussie | |
non disponible Modifier | new_articles.lbi | fichier de bibliothèque | Derniers articles | Ne peut pas être modifié |
order_total.lbi |
Fichier de bibliothèque |
Frais de commande totaux |
Ne peut pas être modifié |
|
page_footer.lbi |
Fichier de bibliothèque |
Pied de page |
Ne peut pas être modifié |
|
page_header.lbi |
Fichier de bibliothèque |
Haut de page |
Inchangeable |
|
pages.lbi |
fichier de bibliothèque |
Pagination de la liste |
Ne peut pas être modifié |
|
recommend_best.lbi |
fichier bibliothèque |
Produits recommandés |
Ne peut pas être modifié |
|
recommend_hot.lbi |
Fichier de bibliothèque |
Article chaud |
Inchangeable |
|
recommend_new.lbi |
Fichier de bibliothèque | Nouveau produit recommandé |
Ne peut pas être modifié |
|
recommend_promotion.lbi | Fichier de la bibliothèque |
Articles en promotion |
Ne peut pas être modifié |
|
search_form.lbi |
Fichier de bibliothèque |
Formulaire de recherche |
ne peut pas être modifié |
|
snatch.lbi |
Fichier de bibliothèque |
Formulaire de candidature des Aventuriers de l'Arche Perdue (doit être inclus avec id="ECS_SNATCH"implémentationajaxActualiser) |
Ne peut pas être modifié |
|
snatch_price.lbi |
Fichier de bibliothèque |
Dernière liste d'enchères des Aventuriers de l'arche perdue ( doit être id="ECS_PRICE_LIST"Contient l'implémentation de ajaxrefresh 🎜>Ne peut pas être modifié |
top10.lbi |
|
Classement des ventes | Ne peut pas être modifié | ur_here.lbi |
||
Emplacement actuel | Ne peut pas être modifié | user_menu.lbi |
||
Menu du Centre utilisateur |
Ne peut pas être modifié |
|||
vote.lbi |
Fichier de la bibliothèque |
Enquête en ligne |
Ne peut être modifié |
ECSHOP Image de référence de mise en page(Version applicablev2.1.5+)
Page de liste d'articles : article_cat.dwt
Page de contenu de l'article : article.dwt
Page de marque du produit : brand.dwt
Toutes les pages de catégories : catalogue.dwt
Page de liste de produits :category.dwt
Page de comparaison de produits : compare.dwt
Page du panier et du processus d'achat : flow.dwt
Page de l'album produit : galerie.dwt
Page de détails du produit : marchandises.dwt
Page de détails du produit pour les achats groupés : group_buy_goods.dwt
Page de liste des produits d'achat groupé : group_buy_list.dwt
Page d'accueil : index.dwt
Page d'invite de message : message.dwt
Page du centre commercial : pick_out.dwt
Page d'informations de confirmation de réception : recevoir.dwt
Page d'informations de rappel de paiement en ligne : respond.dwt
Page de recherche de produits : search.dwt
Page Les Aventuriers de l'arche perdue : snatch.dwt
Page Nuage de tags : tag_cloud.dwt
Page du centre utilisateur (comprenant : page d'accueil, mon message, mes tags, produits favoris, liste d'inscription en rupture de stock, ajout de- enregistrement du stock.) : user_clips.dwt
Page de sécurité de l'utilisateur (comprenant : connexion du membre, inscription du membre, récupération du mot de passe.) : user_passport.dwt
Page du centre utilisateur (comprenant : informations personnelles, mon enveloppe rouge, ajouter une enveloppe rouge, ma commande, détails de la commande, fusionner la commande, statut de la commande , liste des produits, coût total, informations sur le destinataire, mode de paiement, autres informations, solde du membre) : user_transaction.dwt
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!