Drupal Español - Blog

Instalar y configurar slick carousel Si alguna vez habeis tenido que desarrollar una web, seguro que os han pedido algun slider con fotos y/o videos. Para mi gusto, la mejor opción para ello es usar slick carousel, puesto que me permite integrarlo con views y configurarlo a mi gusto.

Aunque pudiera parecer complicado, instalarlo y configurarlo es realmente sencillo, veamos como.

1.Instalar y Configurar Slick
Instalar los módulos:

• Slick: https://www.drupal.org/project/slick

Nota: cuando se instala el módulo Slick, se instala también Slick UI.

• Slick View: https://www.drupal.org/project/slick_views

Una vez instalados ir a Ampliar > List> Slick UI > configurar

Image

Ahora hay que crear un conjunto de opciones de Slick

Image

A modo de ejemplo se va a llamar: Store_Slick

Image

En el menú lateral izquierdo ir a la opción Configuración

Image

Seleccionar las siguientes opciones y guardar.

• Accesibility
• Arrows
• Dots
• Infinity
• Swipe
• Touch move
• Use CSS
• Use CSS Transforms
• jQuery easing: Linear
• Wait for animate

2.Añadir el nuevo conjunto de opciones a una vista
Dentro de la vista creada ir al apartado FORMATO > Formato.

En esta ventana se selecciona el estilo que va a tener o como se va a ver la información de la vista, y es aquí donde debe aparecer la opción Slick Carousel (si se han instalado correctamente los módulos).

Image

Lo siguiente que se tiene que hacer es configurar las opciones de estilo. Para ello:

• Seleccionar la casilla Vanilla Slick.
• En Optionset main, justo debajo de la anterior, seleccionar Store_Slick (ó como se haya llamado al conjunto de opciones de Slick anteriormente).
• En Skin main, a la derecha de la anterior, seleccionar Classic
• Y por último, elegir el número (X) de elementos que por defecto se van a mostrar en el, independientemente del número total que el carrusel muestre. Para seguir con el ejemplo,  van a ser tres elementos los que se verán por defecto
  • Grid large 3
  • Grid medium 3
  • Grid small 3

El resultado será el siguiente:

Image

Y esto ha sido Instalar y configurar slick carousel, recordad que tenéis este y otros manuales de ayuda en el blog y si aun así no halláis respuesta a vuestro problema, podéis publicar vuestras preguntas en el tablón, donde la comunidad os ayudará a resolverlas.

Para crear cupones de descuento con Commerce deberías haber seguido los pasos del artículo para crear descuentos en nuestra tienda , y tener ahora una idea general de como funcionan, podremos entonces crear cupones, que son otra forma de bonificar a nuestros clientes y un metodo para conseguir que compren más en nuestra tienda.

Teniendo el manual antes mencionado como referencia, crearemos un nuevo descuento, cubriendo o marcando todos los campos marcados con *. Finalmente, haremos clic sobre "guardar y agregar cupones".

Image

Eso nos llevará a esta pantalla, donde cliquearemos en "+agregar cupon", para generar un código personalizado en el cupón que utilizarán nuestros clientes.

Image

En este formulario cubriremos los datos, es importante el código del cupón, pues es lo que deberá introducir el cliente, durante el checkout, para que se le aplique el descuento. Es recomendable que contenga, por ejemplo, el nombre de la tienda, además del beneficio obtenido, (MITIENDA -9€). Fijaremos tambien las condiciones de uso, si está o no activado, cuantas veces puede ser usado y/o cuantas veces puede usarlo un mismo cliente.

Image

Finalmente, guardaremos los cambios y listo, Solo nos queda compartir el cupón para que empiecen a usarlo. Y esto ha sido crear cupones de descuento con Drupal Commerce, recordad que tenéis este y otros manuales de ayuda en el blog y si aun así no halláis respuesta a vuestro problema, podéis publicar vuestras preguntas en el tablón, donde la comunidad os ayudará a resolverlas.

Para crear descuentos con Drupal Commerce para nuestra tienda, vamos hasta /admin/commerce/descuentos y le damos a “añadir descuento”.

Image

Le daremos un nombre para ayudarnos luego a identificarlo sin necesidad de editarlo, por ejemplo “5% de descuento compras +50€”. Si queremos que cuando se muestre al cliente se llame de otra manera, rellenaremos “nombre a mostrar” con ella, para que vean, por ejemplo “ 5% promoción de primavera” cuando se aplique el descuento en la cesta. También podemos rellenar la descripción del descuento, que solo será visible por el admin de la web.

Image

Seleccionaremos entonces, del desplegable, el tipo de descuento que queremos aplicar, puede ser que al comprar un producto obtenga otro de regalo, o que determinados productos tengan descuento… las posibilidades son muy amplias, para este caso usaremos la ultima, “porcentaje del subtotal del pedido”.

Image

Una vez seleccionado el tipo de oferta, debemos marcar las condiciones bajo las que se aplicará el descuento, que pueden ser por pedido, por cliente o por productos, pero no son excluyentes, es decir, podemos crear reglas de descuento complejas seleccionando y configurando varias condiciones a cumplir.

Image

Image

Nosotros seleccionaremos “total del pedido actual” y haremos que al comprar mas de 100€ en producto, se aplique el descuento. Así que como operador seleccionamos “mayor que”, en cantidad pondremos 100,00 y en la divisa usaremos la correspondiente a nuestra tienda.

Image

Con esta condición definida, si el cliente coloca en su cesta producto o productos, por un valor total de 100€ no obtendrá descuento pero si dicho valor es de 101€ si se le aplicará el descuento. Por último en esta sección debemos indicar si queremos que “todas las condiciones deben pasar” o que “solo una debe pasar”. En nuestro ejemplo, al ser una sola condición da igual lo que pongamos, pero si es una regla compleja, en la que haya varias condiciones pero no todas sean necesarias aplicaríamos “solo una debe pasar”, para que en la caso de cumplir una de las definidas aplicara el descuento.

Pasamos entonces a activar la regla de descuento creada ( o no ), marcaremos en que tipo de pedido será aplicada y definiremos la fecha de inicio de la promoción, si queremos por ejemplo que se active el 1 de mayo y se desactive el 15 junio, los limites de uso (cuantas veces puede un mismo cliente hacer uso del descuento, ilimitadas o el numero de veces que definamos nosotros), y la compatibilidad con otros descuentos, (si tenemos varios aquí podemos decidir si se puede aplicar mas de uno en la misma compra).

Image

Y esto ha sido Descuentos con Drupal Commerce, recordad que tenéis este y otros manuales de ayuda en nuestro blog y si aun así no halláis respuesta a vuestro problema, podéis publicar vuestras preguntas en el tablón, donde la comunidad os ayudará a resolverlas.

Drupal Commerce impuestos.

Al usar Drupal Commerce para crear una tienda, necesitaremos, antes o después, definir los impuestos que se van a aplicar en cada venta sobre los productos o servicios que se ofrezcan. Deberemos crear un impuesto tipo IVA o VAT, que se aplicará en los productos y aparecerá en el checkout. Podremos además decidir si mostrar el precio con el impuesto añadido en el producto o no, y que Drupal Commerce lo desglose y lo muestre durante el proceso de compra. Si vuestro tipo o tipos de producto tienen todos la misma tasa de impuestos, podréis definir esta parte en unos pocos clics.
Para ello seguimos, desde el menú de administración, la ruta Comercio—Configuración—tipos de impuesto, y al ver esto:

Image

Pulsamos sobre “añadir tipo de impuesto” para comenzar a configurar nuestro Iva o Vat, le asignamos un nombre para identificarlo en la vista de configuración general (solo nosotros veremos este nombre).

Image

A continuación seleccionamos el tipo de extensión, para este ejemplo marcaremos “personalizado” en el listado. Si marcamos la opción “mostrar tasas…”, cuando se muestre la vista del producto, mostrará el precio con este impuesto incluido, si no lo marcamos, lo mostrará desglosado durante el proceso de compra.

Image

En la etiqueta a mostrar seleccionamos impuesto, puesto que en el campo siguiente ya ampliaremos la información mostrada.

Image

Ahora le damos un nombre a la tasa (este es el nombre que verá el cliente cuando haga la compra) y le indicamos el porcentaje a aplicar.

Image

Si quisiéramos indicar un país o países concretos donde aplicar esta tasa, los seleccionamos desde la siguiente opción, con los países seleccionados, si el cliente no pertenece a alguno de ellos no se le sumará el impuesto, si no añadimos nada, la tasa se usará en todos los productos, independientemente del país del usuario que haga la compra.

Image

Finalmente, cliqueamos sobre guardar para almacenar los cambios. Podemos crear tantas tasas como sea necesario, repitiendo este proceso para cada una de ellas.

Y de esta manera hemos añadido nuestro primer impuesto a Drupal Commerce. Recordad que podeis ver este y otros manuales de ayuda en el blog, y si no encontrais alli respuesta a vuestras dudas, podeis publicarlas en el tablón, donde serán respondidas por la comunidad, o enviarnos un mensaje.