CategoryXML layout

[Magento 1.x] modifier proprement la meta viewport

Mettre en place les bons attributs de la meta Viewport permet, notamment dans le cadre d’un site Responsive, d’éviter un scroll horizontal en vue Mobile/Smartphone.

Lorsque ce type de bugs se produit, on pense d’abord à vérifier les styles ou à placer une propriété overflow-x: hidden; sur les éléments html, body.

Bien souvent, cet effet de bord se corrige plutôt en mettant en place la balise meta Viewport adéquate au mode d’affichage de son site. Dans Magento 1.x et pour un site Responsive, la meta Viewport se modifie comme suit:

Fichier {mon_projet}\app\design\frontend\{mon_package}\{mon_thème}\layout\page.xml:

[Magento 1.x] Créer et afficher un bloc statique en front

Source : Magento – Creating and Showing a static block in Frontend.

The content of the blocks are created and modified from Magento Admin panel which can be placed on one or multiple pages. To create a static block you can follow some simple steps which are given bellow.

Creating a Static Block:


A. Go to the Magento Admin panel and then select the  CMS -> Static Blocks.
B. Then Click on the “Add New Block” button from the right top .
C. Now fillup the following fields:

  1. Block Title: Give the Name of the static block here. This will not show on the frontend.
  2. Identifier: Give the id of this block. It used as reference of this block, when adding to a template file or CMS page.
  3. Status: Its define visibility of this static block on the frontend.
  4. Content: Content of static block can be plain text, HTML code and Javascript. PHP code can’t use in this area.

D. After fillup all fields then click on “Save Block” button from the right top .

Showing a Static Block in Frontend:


A static block can be added to display on the frontend by some different ways which are discribed bellow:

1. Adding a static block to a CMS page From the Magento admin:
Go to CMS > Pages and click on a pre-existing page or create a new page where you want to show your static block.
Now use the following code in the Content field of the CMS page:

{{block type=”cms/block” block_id=”your_block_identifier” template=”cms/content.phtml”}}

2. Adding a static block by using template phtml file:
Open your phtml file where you want to add the static block.
For Example: /app/design/frontend/your-instance-name/your_theme/template/callouts/right_col.phtml
Then you can use the following code in your phtml file to show the content of your ststic block:

<?php echo $this->getLayout()->createBlock(‘cms/block’)->setBlockId(‘your_block_identifier’)->toHtml() ?>

3. Adding a static block by using XML layout file:
Use the following code to show the content of static block by using Layout XML file:

<reference name=”content/left/right”>
<block type=”cms/block” name=”your_block_name” before=”-”>
<action ethod=”setBlockId”><block_id>your_block_identifier</block_id></action>
</block>
</reference>

Note: You can use the above code to show the block content in specific page by using “ Layout Update XML ” field of CMS page.
To do this go: CMS -> pages from your magento backend. Then click on on that page where you want to show the static block.
Then click on Design tab from left panel like:

Now Past the above code in Layout Update XML field.
here i wrote <reference name=”content/left/right”> in code. You must use only one like- content / left or right as your reference name.

[Magento 1.x] Affichage conditionnel de bloc avec customer_logged_in customer_logged_out

L’objectif est d’afficher un bloc Newsletter selon deux règles :

  • visible uniquement sur la Homepage
  • visible uniquement lorsque le client est connecté

Dans le fichier local.xml du thème :

Dans le fichier \app\design\frontend\<package>\<theme>\template\newsletter\subscribe.phtml :

[Magento 1.9] Ajouter une zone dans un gabarit de page et y affecter un bloc PHTML

Dans mon exemple, je souhaite ajouter sur la page d’accueil de mon site une zone entre le Header et le Main pour y glisser un slider donc le code se trouve dans app/design/frontend/package/theme/template/page/html/home_slider.phtml.

Etape #1: ajouter un slot (emplacement) dans page.xml

Dans le fichier app/design/frontend/package/theme/template/layout/page.xml repérer le gabarit de page dans lequel vous souhaitez ajouter une zone:

…et ajoutez-y ceci pour créer l’emplacement home_slider_area:

Note pour moi-même: ici, je crée une zone (soit-disant) dans le gabarit 2columns-left.phtml, mais j’édite plus tard le gabarit 1column.phtml et ça fonctionne quand-même…

Etape #2: ajouter le bloc PHTML du slider en page d’accueil, dans le slot que j’ai créé précédemment

Dans le fichier app\design\frontend\package\theme\layout\local.xml, ajouter ceci:

Etape #3:

Dans app\design\frontend\package\theme\template\page\1column.phtml ajouter la ligne suivante:

[Magento 1.9] Héritage : définir un thème parent

Dans app/design/frontend/nom_du_package/nom_du_theme/etc/theme.xml :

Dans cet exemple, votre thème héritera du thème Default du package Rwd.

[Magento 1.9] Changer l’URL d’accès à l’interface d’administration

Dans app/etc/local.xml, l’URL d’accès au back-office se renseigne ici :

[Magento 1.9] Ajouter un nouvel onglet (tab) sur la fiche produit dans le thème rwd

Source : Alternative way of adding tabs to the Magento product page.

Afin que cette technique fonctionne, il faut d’abord vérifier que le template phtml qui injecte les onglets ait le code adéquat. C’est normalement le cas avec le thème rwd. Ouvrir le fichier app/design/frontend/<mon_package>/<mon_theme>/template/catalog/product/view.phtml et vérifier la présence du code suivant :

Dans app/design/frontend/<mon_package>/<mon_theme>/template/catalog/product/view/ créer un fichier newtab.phtml.

Dans app/design/frontend/<mon_package>/<mon_theme>/layout/local.xml ajouter ceci :

[Magento] Supprimer le wrapper WYSIWYG (classe .std)

Source : How to remove std div in magento.

Dans Magento, les contenus WYSIWYG sont nativement entourés d’un container <div class="std" />. Il peut arriver qu’on glisse du contenu dans une page CMS (un widget par exemple comme une liste de produits sur la page d’accueil) et qu’on ne souhaite pas qu’il hérite des styles associés à la classe .std. En ajoutant le code ci-dessous, vous pouvez retirer le wrapper et sa classe et protéger vos blocs d’un éventuel héritage de styles non désiré :

© 2020 FrontEndDeveloper

Theme by Anders NorénUp ↑