Lightgallery: Los iconos no se representan

Creado en 6 jun. 2021 · 4Comentarios · Fuente: sachinchoolur/lightGallery

Descripción

No se muestran los iconos de los botones (flechas, cerrar, lupa, etc.).

Captura de pantalla 2021-06-06 a las 12 31 29

pasos para reproducir

JS:

https://github.com/aitormendez/test/blob/main/web/app/themes/sage/resources/scripts/app.js

import lightGallery from 'lightgallery';

let galerias = document.getElementsByClassName('lightbox');

for (let i = 0; i < galerias.length; i++) {
  galerias[i].id = 'gal' + i;
  lightGallery(document.getElementById('gal' + i), {
    selector: 'a',
  });
}

CSS:
https://github.com/aitormendez/test/blob/main/web/app/themes/sage/resources/styles/app.scss#L7

<strong i="18">@import</strong> "~lightgallery/scss/lightgallery-bundle.scss";

Sitio de prueba:

http://test.e451.net/2021/06/06/hello-world/

Contexto adicional

Tema de inicio de Sage 10 WordPress

Fuente

aitormendez

Todos 4 comentarios

Hola @aitormendez ,

Parece que las fuentes y las imágenes no se obtienen de la ruta correcta.
Por ahora, intente configurar la fuente y la ruta de la imagen en la variable scss

$lg-path-fonts: 'https://cdn.jsdelivr.net/npm/[email protected]/fonts';
$lg-path-images: 'https://cdn.jsdelivr.net/npm/[email protected]/images';

en https://github.com/aitormendez/test/blob/main/web/app/themes/sage/resources/styles/app.scss#L7

<strong i="13">@import</strong> 'tailwindcss/base';
<strong i="14">@import</strong> 'common/global';
<strong i="15">@import</strong> 'tailwindcss/components';
<strong i="16">@import</strong> 'tailwindcss/utilities';

$lg-path-fonts: 'https://cdn.jsdelivr.net/npm/[email protected]/fonts';
$lg-path-images: 'https://cdn.jsdelivr.net/npm/[email protected]/images';

<strong i="17">@import</strong> "~lightgallery/scss/lightgallery-bundle.scss";

Investigaré y te devolveré

sachinchoolur en 6 jun. 2021

👍1

@aitormendez ,

Según la discusión , parece que necesita copiar la carpeta de fuentes e imágenes de lightGallery a su proyecto o usar cualquier complemento como https://github.com/bholloway/resolve-url-loader cuando importe scss desde node_modules

Vuelva a abrirlo si cree que esto debe administrarse desde la propia biblioteca

sachinchoolur en 6 jun. 2021

👍1

No estoy seguro de cuál es la causa, así que mantendré el problema cerrado. Por si acaso:

Sage 10 ya tiene Laravel mix, que incluye resolve-url-loader.

https://github.com/JeffreyWay/laravel-mix/blob/master/package.json#L136

aitormendez en 7 jun. 2021

👍1

Quizás también valga la pena consultar con el equipo de sabios

sachinchoolur en 7 jun. 2021

👍1

¿Fue útil esta página