Étiquette : configuration

[Magento 2] Supprimer le supplément de prix du champ Select pour un produit configurable

08/10/2020 / admin

Testé fonctionnel sur une version 2.3. Source: MAGENTO 2 – REMOVE PRICE FROM SELECT DROPDOWN ON CONFIGURABLE PRODUCTS.

Partie à commenter dans la surcharge que vous ferez du fichier vendor/magento/module-configurable-product/view/frontend/web/js/configurable.js dans votre thème:

                        if (optionPriceDiff !== 0) {
                            options[i].label += ' ' + priceUtils.formatPrice(
                                optionPriceDiff,
                                this.options.priceFormat,
                                true
                            );
                        }

if (optionPriceDiff !== 0) {

options[i].label += ' ' + priceUtils.formatPrice(

optionPriceDiff,

this.options.priceFormat,

true

);

}

[Magento 2] Ajouter des paramètres de configuration des thèmes de la table core_config_data au fichier config.php

01/04/2020 / admin

Dans le cas d’un site qui dispose de plusieurs store views (un Magento 2 multi-sites) la commande app:config:dump ne réalise pas un dump complet de la configuration faite en Admin de l’ensemble de vos sites. Le fichier config.php généré ne contient que les informations du scope Default Config (mon exemple ci-dessous):

<?php
return [
    'system' => [
        'default' => [
            'themecore' => [
                'general' => [
                    'primary_color' => [
                        'theme_color' => 'ED8B00',
                        'text_on_theme_color' => 'FFFFFF',
                        'link_on_theme_color' => 'FFFFFF',
                        'linkhover_on_theme_color' => 'FFFFFF',
                    ],
                ],
            ],
        ],
    ]
];

<?php

return [

'system' => [

'default' => [

'themecore' => [

'general' => [

'primary_color' => [

'theme_color' => 'ED8B00',

'text_on_theme_color' => 'FFFFFF',

'link_on_theme_color' => 'FFFFFF',

'linkhover_on_theme_color' => 'FFFFFF',

]

];

La valeur de la clé theme_color est pourtant redéfinie pour chacun de mes store view!

Nous pouvons compléter ce fichier config.php à la main en allant récupérer les informations manquantes en base de données, dans la table core_config_data.

Dans l’illustration ci-dessus, j’ai par exemple effectué une recherche sur une valeur de la clé theme_color (qui représente un champ en BO) qui n’a pas été dumpée via la commande app:config:dump.

Pour répercuter ces informations dans le fichier app/etc/config.php, je me suis servi du scope (stores) et du path (themecore/general/primary_color/theme_color) stockés dans la table pour reconstituer le chemin au bon endroit:

<?php
return [
    'system' => [
        'stores' => [
            'fr_paysage' => [
                'design' => [
                    'theme' => [
                        'theme_id' => 'frontend/Vendor/themetwo',
                    ],
                ],
                'themecore' => [
                    'general' => [
                        'primary_color' => [
                            'theme_color' => '99cc00',
                        ],
                    ],
                ],
            ],
            'default' => [
                'design' => [
                    'theme' => [
                        'theme_id' => 'frontend/Vendor/themethree',
                    ],
                ],
                'themecore' => [
                    'general' => [
                        'primary_color' => [
                            'theme_color' => '936037',
                        ],
                    ],
                ],
            ],
        ]
    ]
];

<?php

return [

'system' => [

'stores' => [

'fr_paysage' => [

'design' => [

'theme' => [

'theme_id' => 'frontend/Vendor/themetwo',

'themecore' => [

'general' => [

'primary_color' => [

'theme_color' => '99cc00',

'default' => [

'design' => [

'theme' => [

'theme_id' => 'frontend/Vendor/themethree',

'themecore' => [

'general' => [

'primary_color' => [

'theme_color' => '936037',

]

];

[Magento 2] Configurer l’envoi de mail par SMTP lorsque vous travaillez avec Docker

25/02/2020 / admin

Doc officielle: Configuring Email Communications

Fichiers à modifier ou à vérifier:

docker-compose.yml

services:
  mail:
    environment:
      - VIRTUAL_HOST=${MAIL_VIRTUAL_HOST}
      - VIRTUAL_PORT=${MAIL_VIRTUAL_PORT}

services:

mail:

environment:

- VIRTUAL_HOST=${MAIL_VIRTUAL_HOST}

- VIRTUAL_PORT=${MAIL_VIRTUAL_PORT}

.env

COMPOSE_PROJECT_NAME=project

# HOSTS
MAIL_VIRTUAL_HOST=mail.project.local
MAIL_VIRTUAL_PORT=8025

COMPOSE_PROJECT_NAME=project

# HOSTS

MAIL_VIRTUAL_HOST=mail.project.local

MAIL_VIRTUAL_PORT=8025

app/etc/env.php

    'system' => [
        'default' => [
            'system' => [
                'smtp' => [
                    'host' => 'mail.project.local',
                    'port' => '8025'
                ],

'system' => [

'default' => [

'system' => [

'smtp' => [

'host' => 'mail.project.local',

'port' => '8025'

app/etc/config.php

'smtp' => [
    'disable' => '0',
],

'smtp' => [

'disable' => '0',

Hosts (VM Ubuntu server tournant sous Windows pour ma part) C:\Windows\System32\drivers\etc\hosts

# Magento 2
192.168.56.101 mail.project.local

1 2	# Magento 2 192.168.56.101 mail.project.local

Commandes à exécuter:

Arrêter/Relancer le conteneur Docker mail
Puis, $ n98-magerun2 setup:upgrade

En backoffice, sous Boutiques > Configuration [Paramètres] > menu colonne de gauche Avancé > Système > volet Paramètres d’envoi des emails, vous devriez avoir ceci:

Serveur: mail.projet.local
Port (25): 8025

[Gulp] Stocker ses options de configuration dans un fichier JSON externe surveillé (gulp watch)

31/03/2017 / admin

Sources :

Doc officielle à propos des fichiers externes de configuration au format JSON : Gulp recipes – Using external config file
M’a donné la solution : Gulp Minify & Concat Javascript
M’ont seulement mis sur la voie : Javascript: get package.json data in gulpfile.js, How To Keep Your Gulp Configuration Options In A JSON File
How to Simplify Your Development Workflow with Gulp

Problématique :

Ce message laissé sur Stack Overflow. J’utilise Gulp pour minifier 2 types bien distincts de fichiers JS :

L’ensemble des fichiers JS stockés dans un dossier ./src/js qui sont des plugins custom écrits spécifiquement pour les besoins du projet ou des vendor (ou « third-party ») plugins surchargés et modifiés spécifiquement pour les besoins du projets.

Une sélection de fichiers JS stockés dans un dossier ./src/vendor/[...] qui sont des vendor plugins que je souhaite utiliser en l’état, sans les modifier (composant Bootstrap, Modernizr, ou autre…).

J’utilise un fichier de configuration externe gulpconf.json pour (notamment) constituer une liste de chemins vers les third-party plugins que je souhaite ajouter aux sources de mon projet. Ce fichier ressemble à ceci :

{
  "js" : {
    "vendor" : [
      "./src/vendor/browser-detection/src/browser-detection.js",
      "./src/vendor/foundation/js/foundation.js",
      "./src/vendor/modernizr/lib/metadata.js",
      "./src/vendor/jquery-mobile/js/events/navigate.js",
      "./src/vendor/jquery-mobile/js/events/touch.js",
      "./src/vendor/jquery-ui/ui/jquery.ui.autocomplete.js",
      "./src/vendor/jquery-ui/ui/jquery.ui.effect-clip.js",
      "./src/vendor/jquery-ui/ui/jquery.ui.effect-bounce.js"
    ]
  }
}

{

"js" : {

"vendor" : [

"./src/vendor/browser-detection/src/browser-detection.js",

"./src/vendor/foundation/js/foundation.js",

"./src/vendor/modernizr/lib/metadata.js",

"./src/vendor/jquery-mobile/js/events/navigate.js",

"./src/vendor/jquery-mobile/js/events/touch.js",

"./src/vendor/jquery-ui/ui/jquery.ui.autocomplete.js",

"./src/vendor/jquery-ui/ui/jquery.ui.effect-clip.js",

"./src/vendor/jquery-ui/ui/jquery.ui.effect-bounce.js"

]

}

Le problème est que lorsque je lance ma tâche gulp watch, des modifications (typiquement, l’ajout d’un chemin vers un nouveau vendor plugin que je souhaite ajouter à mon projet) sont détectées dans mon fichier de config mais elles ne sont pas appliquées. Exemple des logs que j’obtiens :

[09:26:53] File /home/cms/project/themes/starter/gulpconf.json was changed
[09:26:53] Starting 'clear_vendor_cache'...
[09:26:53] Finished 'clear_vendor_cache' after 1.56 ms
[09:26:53] Starting 'js'...
[09:26:53] Finished 'js' after 4.67 ms

[09:26:53] File /home/cms/project/themes/starter/gulpconf.json was changed

[09:26:53] Starting 'clear_vendor_cache'...

[09:26:53] Finished 'clear_vendor_cache' after 1.56 ms

[09:26:53] Starting 'js'...

[09:26:53] Finished 'js' after 4.67 ms

Solution :

A partir du JSON fourni plus haut, dans le gulpfile.js placer ces différentes parties :

var appFiles = {
  scripts: [paths.scripts.src + '*.js', './gulpconf.json']
};

var appFiles = {

scripts: [paths.scripts.src + '*.js', './gulpconf.json']

};

var fs = require('fs');
var gulpconf = "./gulpconf.json";

1 2	var fs = require('fs'); var gulpconf = "./gulpconf.json";

gulp.task('js:vendor',function(){
  var json = JSON.parse(fs.readFileSync(gulpconf)),
  vendorjs = json.js.vendor;

  gulp.src(vendorjs)
    .pipe(plugins.uglify())
    .pipe(plugins.rename(function(opt) {
      opt.basename = opt.basename.replace(/\./g,'-');
      return opt;
    }))    
    .pipe(plugins.size())
    .pipe(gulp.dest(paths.scripts.dest));
});

gulp.task('js:custom', function() {
  gulp.src(paths.scripts.src + '*.js')
    .pipe(plugins.uglify())
    .pipe(plugins.rename(function(opt) {
      opt.basename = opt.basename.replace(/\./g,'-');
      return opt;
    }))    
    .pipe(plugins.size())
    .pipe(gulp.dest(paths.scripts.dest));
});

gulp.task('js:vendor',function(){

var json = JSON.parse(fs.readFileSync(gulpconf)),

vendorjs = json.js.vendor;

gulp.src(vendorjs)

.pipe(plugins.uglify())

.pipe(plugins.rename(function(opt) {

opt.basename = opt.basename.replace(/\./g,'-');

return opt;

}))

.pipe(plugins.size())

.pipe(gulp.dest(paths.scripts.dest));

});

gulp.task('js:custom', function() {

gulp.src(paths.scripts.src + '*.js')

.pipe(plugins.uglify())

.pipe(plugins.rename(function(opt) {

opt.basename = opt.basename.replace(/\./g,'-');

return opt;

}))

.pipe(plugins.size())

.pipe(gulp.dest(paths.scripts.dest));

});

gulp.task('watch', ['sprite:svg', 'style', 'js:vendor', 'js:custom'], function(){
  gulp.watch('./src/images/sprites/svg/*.svg', ['sprite:svg']);
  gulp.watch(appFiles.styles, ['style']).on('change', function(evt) {
    changeEvent(evt);
  });
  gulp.watch(appFiles.scripts, ['js:vendor', 'js:custom']).on('change', function(evt) {
    changeEvent(evt);
  });
  gulp.watch(paths.sprite.src, ['sprite']).on('change', function(evt) {
    changeEvent(evt);
  });
});

gulp.task('watch', ['sprite:svg', 'style', 'js:vendor', 'js:custom'], function(){

gulp.watch('./src/images/sprites/svg/*.svg', ['sprite:svg']);

gulp.watch(appFiles.styles, ['style']).on('change', function(evt) {

changeEvent(evt);

});

gulp.watch(appFiles.scripts, ['js:vendor', 'js:custom']).on('change', function(evt) {

changeEvent(evt);

});

gulp.watch(paths.sprite.src, ['sprite']).on('change', function(evt) {

changeEvent(evt);

});

Articles récents

Catégories

Archives

Méta

Étiquette : configuration

[Magento 2] Supprimer le supplément de prix du champ Select pour un produit configurable

[Magento 2] Ajouter des paramètres de configuration des thèmes de la table core_config_data au fichier config.php

[Magento 2] Configurer l’envoi de mail par SMTP lorsque vous travaillez avec Docker

Fichiers à modifier ou à vérifier:

Commandes à exécuter:

[Gulp] Stocker ses options de configuration dans un fichier JSON externe surveillé (gulp watch)

Problématique :

Solution :