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.

images/        (存放模板中用到的图片)

library/          ( 存放一些小模板文件及重复被用到的模板文件 )

style.css        (模板样式文件)

index.dwt     (首页的模板 index.php)

goods.dwt   ( 商品显示页的模板 goods.php)

images/ (images de stockage utilisées dans les modèles) bibliothèque/ (stocke quelques petits fichiers de modèles et des fichiers de modèles utilisés à plusieurs reprises)style.css (fichier de style de modèle) index.dwt (Modèle de page d'accueil index.php)goods.dwt (Modèle de page d'affichage du produit good.php)

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