Magento - Designer Guide Vous avez entendu parler des fonctionnalités open-source incroyables intégrées dans Magento. Vous êtes impatient de voir tout cela en action et vous voulez en faire le tour rapidement. ... et maintenant, vous souhaitez faire de cette boutique la vôtre. a été réalisé pour que vous puissiez apprendre et étendre vos connaissances sur la structure, les concepts et les méthodes pour faire du design sous Magento -- Ca tutoriel vous apprendra ce que vous devez savoir pour commencer à réaliser votre propre thème sous Magento. Cette documentation est découpée en quatre parties principales à travers lesquelles vous pourrez naviguer rapidement pour attendre l'information que vous cherchez.
Créer un template pour son site Magento Créer un template pour son site Magento est une étape incontournable dans la mise en place en place de sa boutique en ligne. En effet, la charte graphique d'une e-Boutique est aussi importante que la vitrine d'un magasin : il s'agit de la première chose que verra le chalant qui passe devant par hasard. C'est votre vitrine qui retiendra un client potentiel ou qui, au contraire, l'incitera à partir. (Il existe bien entendu d'autre moyens de faire venir des prospects directement au coeur de votre boutique, via les moteurs de recherche notamment, mais ceci fera l'objet d'autres billets.) Fort de ce constat, tout le système de gestion du design Magento a été conçu et pensé afin de vous permettre d'achalander au mieux les pages de votre site Magento, de les organiser et de les décorer comme bon vous semble. (Et bien entendu sans faire de développements spécifiques qui interdiraient par la suite de bénéficier des mises à jour de Magento.) Les Templates Ce sont ces blocks qui vont par exemple :
Menu magento, nouveau module pour agencer son menu | Nos modules Aperçu du menu Le menu génère un sous-menu, dont la largeur est modifiable via le back-office, tout comme la largeur et la couleur de bordure. Ici sur cet exemple le menu est découpé en 5 blocs. À droite j’ai placé un bloc statique, au milieu les catégories (répartie en 3 blocs), que l’on peut les déplacer dans n’importe quels blocs. Il est également possible de mettre à gauche un bloc statique. Paramètres généraux du menu magento Les paramètres de configuration généraux du menu se trouvent dans : système => configuration => onglet menu paramétrable. Paramétrer le menu par catégorie Dans chaque catégorie un nouvel onglet apparait « menu personnalisable« , cet onglet permet de placer finement les catégories et les autres éléments (bloc statique, photos) dans les blocs disponibles. - On peut définir le type d’affiche par catégorie, l’affichage de sous-menu en colonne, comme sur la photo1, ou bien en ligne séparé par des virgules. Quelques design possible avec le menu
Magento Connect - Magento Mobile - Overview Welcome to the world's first mobile-commerce platform! With Magento Mobile, you can easily create branded, native storefront applications that are deeply integrated with Magento's powerful eCommerce platform. Magento Mobile allows store owners to manage multiple native applications, across multiple mobile devices, from a single Magento interface. Magento Mobile supports the most popular platforms: iPhone, iPad and Android. Compatibility Magento Mobile is compatible with the following versions: Community Edition (v1.6 and above) Enterprise Edition (v1.9 and above) Note: Depending on your version, automatic (PEAR) or manual installation will be required (see below) Integrated eCommerce + mCommerce Magento Mobile seamlessly integrates with your existing Account Management, Product Catalog, and Checkout functionality. Support Community support is available in our new Magento Mobile forum Activation Release Notes Release Notes is avaialble in our new Magento Mobile Release Notes Forum
Magento Connect - Direct Resize - Overview Beware anyone who wants to use this. I installed and it all worked fine. I had a plan to do a site overhaul and resize all image thumbnails until I got a huge bandwidth spike that saw my webhost shut down my site. Upon investigating, they found an enormous number of GET calls from an external IP hitting the site's images continuously, eating through bandwidth at lightspeed. I had no idea what it was, but since this was the only module I'd installed recently to do with images, I disabled it and reverted all hmtl files to originals, and instantly the GET calls ended and bandwidth usage returned to normal. I have no idea how this module is set up to work, I thought it was all internal and relied on me to manually edit the image sizes. If this ever gets fixed I'd happily use it again!
Affichage des attributs et des libellés sous Magento Pour afficher des attributs spécifiques sous Magento, soit on met l’attribut « visible » en back-office pour qu’il s’affiche dans le tableau de la fiche produit, soit on écrit dans le template list.phtml. Afficher les attributs avec une zone de texte Afficher les attributs avec une liste déroulante Afficher les attributs avec une sélection multiple Afficher le libellé des attributs Libellé Admin de l’attribut Libellé Front de l’attribut Autres Afficher les attributs avec une méthode « passe partout » Afficher les attributs avec une liste déroulante dans un listing de catégorie n’ayant pas chargé l’attribut Afficher les attributs avec la méthode de gros bourrin => requête SQL avec jointure Listing de différentes méthodes passe-partout Etape 1 : Afficher les attributs avec une zone de texte Vous pouvez donc afficher la référence du produit à l’endroit voulu. getData('sku'); ? Etape 2 : Afficher les attributs avec une liste déroulante getAttributeText('manufacturer')? Code : short_description
Guide d’utilisation de Magento, 2éme Partie - Inside Da Web eCommerce Magento est une puissante plateforme e-commerce. Dans cette mini-série, nous allons apprendre comment démarrer avec la plate-forme, apprendre à connaître les terminologies, la mise en place d’un magasin et tous ses aspects connexes et enfin comment personnaliser Magento pour en faire une boutique à votre image. Dans cette seconde partie du guide d’utilisation de Magento, nous allons nous concentrer sur quelques étapes simples pour installer votre boutique Magento. Excité? Dans la dernière partie, nous avons vu ce que Magento est, quelles sont les caractéristiques qui le distinguent des autres plateformes ecommerce, comment l’installer et enfin comment importer les détails concernant vos données existantes. Aujourd’hui, nous allons accélérer le processus de mise en place, en éliminant tout ce qui n’est pas indispensable, et nous concentrer plutôt sur les éléments les plus importants. Dans le menu catalogue, cliquez sur Gérer les catégories Chaque produit nécessite 3 images.
Ajouter des blocs statiques dans Magento Rajouter des blocs sous Magento est assez simple… Si on sait où chercher. Ces blocs vont permettre d’afficher des publicités, ou des promotions. Donc notre exemple, on veut afficher le produit en promotion du mois. Le principe est de créer un catégorie et de lier le produit voulu à cette catégorie. Etape 1 : Rajouter un bloc statique simple dans la sidebar de gauche Commençons par créer un bloc statique simple Admin > CMS > Blocs statiques > Ajouter un nouveau blocRemplissez les champs. a) Ajouter le bloc dans la sidebar dans TOUTES les pages du site ayant la sidebar Ouvrez (ou créer) le fichier : C’est votre fichier de layout personnalisé qui surchage tous les autres layout de votre thème. Rajoutez dans <default></default> ceci : On a rajoute le bloc à gauche « left » (« content » pour le milieu, header, footer, right, selon les cas) qui est de type cms/block. b) Ajouter le bloc uniquement pour la page d’accueil (ou une page en particulier) Nous reprenons le même code que précédemment :
Produits apparentés, ventes incitatives et ventes croisées de magento | Admin Pour configurer une de ces trois options, allez dans le back-office de magento sur une fiche produit et sélectionnez une des trois options suivantes (Produits apparentés, Ventes incitatives ou Ventes croisées.) En haut à droite, sélectionnez tout pour afficher la totalité de vos produits et cliquez sur rechercher. Ou tapez le nom d’un produit ou son ID. Configuration des produits apparentes, ventes incitatives et ventes croisees Produits apparentés Le produit apparenté est un produit qui s’ajoute dans la colonne de droite de la fiche produit avec un bouton à cocher par le client, c’est un produit en complément du produit. Par defaut les produits apparentés de magento apparaissent dans la colonne droite Ventes incitatives - Ventes incitatives sont des produits du même type de ceux présentés sur la fiche produit. Ventes initiatives frontend/default/huiles/template/catalog/product/list/upsell.phtml Ventes croisées Vente croisées placé sur le panier. Articles similaire
Designer's Guide to Magento In this chapter we'll go into the details of how Magento handles themes and teach you how to create and manage your own: Back to TopHow Magento Does Themes Different from Others The term ‘theme’ probably sounds to you a familiar ring. Either as an audience, a creator, or both, you’ve experienced the sea of available web applications options via its themes. A theme has largely two types of users – First, the audience–type who experiences it from the aesthetical and usability standpoint by browsing through a store – And second, the creator–type who goes through an additional layer of the theme experience by taking part in building the theme. To the first user type, a store experience is defined by the ability of a store to fulfill his/her tactical and emotional demands. Maximum customization power With Magento you can update the look and feel of your store in the category and product level, giving you greater marketing and promotional power as well as a store with endlessly unique design.
10 Great Magento Extensions For Your E-Commerce Store - eCommerceCircle 10 Great Magento Extensions For Your E-Commerce Store Magento Commerce is a great open source platform. Here are some extensions that will help your store stick out from the crowd and add vital functionality to your business. 1 – Shop By Brand This extension creates landing pages for each of your brands, which include information such as Brand Name, Logo, Description etc… The landing page will have an SEO link like this www.example.com/brands/sony. Extension Page | Demo | Price: $99.99 2 – MouseOver Image Zoom This extension replaces the default Magento image zooming feature. Extension Page | Price: $0.00 3 – Blog A blog built from scratch for Magento. Extention Page | Price: $0.00 4 – Drop Shipping Management If you do a lot of drop shipping you will definitely need help managing your orders. Extension Page | Demo | Price $500.00 5 – Minimum Advertised Price If you sell products that are protected by a manufacturer’s minimum advertised price policy (MAP), then this is for you. 8 – Color Swatches
Create a Color Switcher in Magento Magento comes packed with a lot of options. But, no matter how many options you put into some product, you can never cover all of them. One of such options (for now) is a color switcher in Magento. To be more precise, an image switcher based on color selection. The idea is to have a dropdown box from which you choose a color, and, based on the color you selected, product image changes. Firstly, you need to upload some images to your product and give them some meaningful names like Red, Blue, Green depending on your product color. After this is done, we go to the code part. The final step is to modify the /template/catalog/product/view/media.phtml file to grab all of the product images and dump them into some div. And some additional screenshots for you to see final result: After some additional styling you can get some impressive results for this. You can see how it works in a video bellow: Note!