Como instalar Drupal Commerce con subtema custom

d8commerce.png
22
Mar 20

Antes de comenzar a ver cual son los pasos para inicializar un proyecto Drupal Commerce es interesante conocer que Drupal Commerce es un conjunto de módulos que nos permiten crear comercios electrónicos en Drupal 8.

Esto combinado con la potencia y versatilidad de Drupal permite crear tiendas personalizadas y flexibles, perfectas para esas empresas que necesiten crear sus propias reglas de negocio.

Ahora vamos a ver como inicializar un proyecto Drupal Commerce en pocos pasos.

1. Creamos el directorio donde se alojará el proyecto:

mkdir my-drupal8-commerce

cd my-drupal8-commerce

2. Inicializamos el proyecto con ddev:

ddev config --project-type php

ddev start

ddev composer create drupalcommerce/project-base --stability dev --no-interaction

ddev config --project-type drupal8

ddev restart

3. Borramos la base de datos

drush sql-drop

drush cr

4. Comenzamos con la instalación

https://my-drupal8-commerce.ddev.site

5. Descargamos el tema base con el que vamos a trabajar, en nuestro caso, el theme que utilizaremos será Orange Framework de Acromedia, el cual nos descargaremos desde Github:

mkdir /web/themes/contrib

cd /web/themes/contrib

git clone https://github.com/AcroMedia/orange_framework.git

6. Creamos un subtema del tema base Orange Framework (Para este ejemplo nos descargaremos un Subtheme que he creado basado en el tema Orange Framework)

mkdir /web/themes/custom

cd /web/themes/custom

git clone https://github.com/gxleano/commerce_2_demo_subtheme.git

A continuación necesitaremos instalar el tema base Orange Framework y el Subtema Commerce 2 demo subtheme para poder configurar este último como predeterminado y listo. 

Subtheme

7. Configuramos gulp para preprocessamiento de CSS/JS:

cd /web/themes/custom/commerce_2_demo_subtheme

ddev ssh

cd /web/themes/custom/commerce_2_demo_subtheme

npm install

node_modules/.bin/gulp

Gulp