kenaug74/Sylius
1
0
Fork 0
mirror of https://github.com/Sylius/Sylius.git synced 2026-07-14 09:02:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

[Admin] Add image lightbox (#17149)

Browse source 
<img width="2100" alt="Zrzut ekranu 2024-10-8 o 14 47 11"
src="https://github.com/user-attachments/assets/7b1c212c-86d1-4a8a-bed3-431607861765">
This commit is contained in:
Grzegorz Sadowski 2024-10-09 06:47:17 +02:00 • committed by GitHub
commit 421ee42b70
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/Sylius/Bundle/AdminBundle/Resources/assets/entrypoint.js
View file

@ -14,6 +14,7 @@ import './app';
import './scripts/bulk-delete';
import './scripts/check-all';
import './scripts/menu-search';
import './scripts/spotlight';
import './scripts/statistics_chart';
import './scripts/sticky-header';

1
src/Sylius/Bundle/AdminBundle/Resources/assets/scripts/spotlight.js Normal file
View file

@ -0,0 +1 @@
import 'spotlight.js';

1
src/Sylius/Bundle/AdminBundle/package.json
View file

@ -13,6 +13,7 @@
"bootstrap": "^5.3.0",
"infinite-tree": "^1.17.1",
"slugify": "^1.6",
"spotlight.js": "^0.7.8",
"stimulus-use": "^0.52"
},
"devDependencies": {

10
src/Sylius/Bundle/AdminBundle/templates/product/show/content/page_body/media.html.twig
View file

@ -11,7 +11,7 @@
<div id="media-body" class="accordion-collapse collapse" data-bs-parent="#media">
<div class="accordion-body">
{% if product.images|length >= 1 %}
<div {{ sylius_test_html_attribute('media') }}>
<div class="spotlight-group" {{ sylius_test_html_attribute('media') }}>
{% for image in product.images %}
{% set path = image.path is not null ? image.path|imagine_filter('sylius_admin_product_small_thumbnail') : asset('build/admin/images/200x200.png', 'admin') %}
{% if product.isConfigurable() and product.variants|length > 0 %}
@ -25,13 +25,13 @@
{% endfor %}
{% endif %}
{% endif %}
<a href="{{ image.path|imagine_filter('sylius_admin_product_original') }}" data-lightbox="sylius-product-image">
<img src="{{ path }}" data-large-thumbnail="{{ image.path|imagine_filter('sylius_admin_product_large_thumbnail') }}" alt="{{ product.name }}" />
<a href="{{ image.path|imagine_filter('sylius_admin_product_original') }}" class="spotlight">
<img src="{{ path }}" alt="{{ product.name }}" />
</a>
{% endfor %}
</div>
{% else %}
{{ 'sylius.ui.there_are_no_images_for_this_product'|trans }}
{% else %}
{{ 'sylius.ui.there_are_no_images_for_this_product'|trans }}
{% endif %}
</div>
</div>