Correct formatting of graphql fragments.
if you need the code src for that particular example, you can check the "Show code" at the bottom of the example :
<div class="col-12 col-lg-6" id="productGallery">
<script>
function imageClick(imageNumber) {
setTimeout(() => {
//Find the slider element
const sliderElement = document.getElementById('pgalleryModal');
//Slide to he right image
swiffyslider.slideTo(sliderElement, imageNumber);
//Listen to slide end and set focus to the container to enable keyboard navigation
swiffyslider.onSlideEnd(sliderElement, () => sliderElement.querySelector(".slider-container").focus());
}, 300)
}
function thumbHover(imageNumber) {
//Find the slider element
const sliderElement = document.getElementById('pgallery');
//Slide to he right image
swiffyslider.slideTo(sliderElement, imageNumber)
}
</script>
<div class="swiffy-slider slider-item-ratio slider-item-ratio-1x1 slider-nav-round slider-nav-nodelay" id="pgallery">
<ul class="slider-container">
<li><img src="../assets/img/shoes/shoe1.webp" loading="lazy" alt="..." data-bs-toggle="modal" data-bs-target="#productGalleryModal" onclick="imageClick(0)"></li>
<li><img src="../assets/img/shoes/shoe2.webp" loading="lazy" alt="..." data-bs-toggle="modal" data-bs-target="#productGalleryModal" onclick="imageClick(1)"></li>
<li><img src="../assets/img/shoes/shoe3.webp" loading="lazy" alt="..." data-bs-toggle="modal" data-bs-target="#productGalleryModal" onclick="imageClick(2)"></li>
<li><img src="../assets/img/shoes/shoe4.webp" loading="lazy" alt="..." data-bs-toggle="modal" data-bs-target="#productGalleryModal" onclick="imageClick(3)"></li>
<li><img src="../assets/img/shoes/shoe5.webp" loading="lazy" alt="..." data-bs-toggle="modal" data-bs-target="#productGalleryModal" onclick="imageClick(4)"></li>
<li><img src="../assets/img/shoes/shoe6.webp" loading="lazy" alt="..." data-bs-toggle="modal" data-bs-target="#productGalleryModal" onclick="imageClick(5)"></li>
</ul>
<button type="button" class="slider-nav" aria-label="Go previous"></button>
<button type="button" class="slider-nav slider-nav-next" aria-label="Go next"></button>
</div>
<div class="swiffy-slider slider-nav-dark slider-nav-sm slider-nav-chevron slider-item-show4 slider-item-snapstart slider-item-ratio slider-item-ratio-1x1 slider-nav-visible slider-nav-page slider-nav-outside-expand pt-3 d-none d-lg-block">
<ul class="slider-container" id="pgallerythumbs" style="cursor:pointer">
<li><img src="../assets/img/shoes/shoe1.webp" loading="lazy" alt="..." onmouseover="thumbHover(0)"></li>
<li><img src="../assets/img/shoes/shoe2.webp" loading="lazy" alt="..." onmouseover="thumbHover(1)"></li>
<li><img src="../assets/img/shoes/shoe3.webp" loading="lazy" alt="..." onmouseover="thumbHover(2)"></li>
<li><img src="../assets/img/shoes/shoe4.webp" loading="lazy" alt="..." onmouseover="thumbHover(3)"></li>
<li><img src="../assets/img/shoes/shoe5.webp" loading="lazy" alt="..." onmouseover="thumbHover(4)"></li>
<li><img src="../assets/img/shoes/shoe6.webp" loading="lazy" alt="..." onmouseover="thumbHover(5)"></li>
</ul>
<button type="button" class="slider-nav" aria-label="Go previous"></button>
<button type="button" class="slider-nav slider-nav-next" aria-label="Go next"></button>
</div>
<div class="modal fade" id="productGalleryModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-fullscreen">
<div class="modal-content">
<div class="modal-body">
<div class="swiffy-slider h-100 slider-nav-dark" id="pgalleryModal">
<ul class="slider-container" tabindex="-1">
<li class="d-flex align-items-center justify-content-center"><img src="../assets/img/shoes/shoe1.webp" loading="lazy" class="mw-100 mh-100" alt="..." data-bs-dismiss="modal"></li>
<li class="d-flex align-items-center justify-content-center"><img src="../assets/img/shoes/shoe2.webp" loading="lazy" class="mw-100 mh-100" alt="..." data-bs-dismiss="modal"></li>
<li class="d-flex align-items-center justify-content-center"><img src="../assets/img/shoes/shoe3.webp" loading="lazy" class="mw-100 mh-100" alt="..." data-bs-dismiss="modal"></li>
<li class="d-flex align-items-center justify-content-center"><img src="../assets/img/shoes/shoe4.webp" loading="lazy" class="mw-100 mh-100" alt="..." data-bs-dismiss="modal"></li>
<li class="d-flex align-items-center justify-content-center"><img src="../assets/img/shoes/shoe5.webp" loading="lazy" class="mw-100 mh-100" alt="..." data-bs-dismiss="modal"></li>
<li class="d-flex align-items-center justify-content-center"><img src="../assets/img/shoes/shoe6.webp" loading="lazy" class="mw-100 mh-100" alt="..." data-bs-dismiss="modal"></li>
</ul>
<button type="button" class="slider-nav" aria-label="Go previous"></button>
<button type="button" class="slider-nav slider-nav-next" aria-label="Go next"></button>
<ul class="slider-indicators slider-indicators-dark slider-indicators-highlight slider-indicators-round">
<li class="active"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
Hello @vonn.new
To remove drush try using composer :
composer remove drush/drush
Or use --no-update to avoid problems
composer remove drush/drush --no-update
Hope that helps,
Regards,
Abdel
Hello,
Here's a patch than addes configure to the module.
Regards,
Abdel
Hello @macsim,
Take a look at this module
https://www.drupal.org/project/ckeditor_remove_format β
and let me know if that answers your request.
Much appreciated.
Regards,
Abdel
AbdeI β created an issue. See original summary β .
Hello,
Heres a small patch for the PHPCS fix.
Regards,
Abdel
Hello,
Here's a patch in case composer install patch is needed.
Regards,
Abdel
Hey @DYdave,
According to #11 comment here's a patch that can help for composer patch install.
Regards,
Abdel
Updated.
Hello @apaderno and @jitesh_1,
The reason im applying, is that the module β would be covered by the security advisory policy. I understand that the this module doesn't reflect my drupal experience as a whole.
Regards,
Abdel
Hello @himanshu_jhaloya ,
Ive pushed a new version with inline translation.
Much appreciated.
Regards,