Tagged: bilder, enfold, fullwidth slideshow, mobile, Slide Show, slideshow
-
AuthorPosts
-
January 26, 2018 at 2:35 pm #903396
Hallo!
Ich brauche mal Euren Praxisrat beim Umgang mit Fotos in Enfold. Wahrscheinlich habe ich hier einen Denkfehler.Ich möchte gern die Slide-Show (volle Breite nutzen). Ich klicke auf “Bild hinzufügen” und lade ein schönes hochauflösendes Foto rein. Hochauflösend, weil -so mein Gedanke-, Enfold die Bilder ja eh in verschiedenen Größen herunter rechnet. Ich wähle das Foto aus, und wähle im Slider als Image-Size “Featured 1500×430” und aktiviere “Bild strecken”.
In der Webansicht (Desktop) sehe ich, dass das Bild Foto-1500×430.jpg geladen und in dem Fall auf 1903x546px hochskaliert wird.
Sehe ich mir die Seite nun auf einem Mobilgerät an, wird die selbe Datei Foto-1500×430.jpg geladen und auf 375px × 158px runterskaliert.
Kein Wunder, dass mir sämtliche Pagespeed-Tools anmeckern, ich solle mal die Dateigrößen von zig Fotos für die Mobilansicht minimieren.Wie bekomme ich das hin, dass auf dem Mobilgerät eine kleinere Datei geladen wird, z.B. die Datei Foto-450×321.jpg oder Foto-300×214.jpg?
Danke vorweg!
- This topic was modified 6 years, 8 months ago by netgo2017.
January 29, 2018 at 10:07 pm #904470Hey netgo2017,
Can you please post in English, so we can be able to help you faster?
Best regards,
BasilisJanuary 30, 2018 at 8:18 am #904661Hi!
Of course. I need your help about pictures in Enfold.I want to use the slide show (full with). I click on “ad picture” and upload a high resolution picture. High resolution, because enfold creates new files in different resolutions. Now I choose a picture for the slider and choose the image size Featured 1500×430 and activate “stretch image”.
Let’s see what happens in the frontend: In my case, the picture-1500×430.jpg is loaded and scaled to 1903x546px. I take a look at the mobile screen in the frontend: my picture-1500×430.jpg is loaded and scaled to 375×158 px.
What can I do, to load smaller pictures on smaller screens? For example 1500×430 for large screen, 450×321 or 300×214 on small screens?
Thanks a lot
January 31, 2018 at 5:46 am #905359Hi,
What can I do, to load smaller pictures on smaller screens? For example 1500×430 for large screen, 450×321 or 300×214 on small screens?
You can add another slider with smaller version of the original images. Use the sliders’ Screen Options to toggle their visibility on different screen sizes or devices. Basically, you’ll have two versions of the slider, one for desktop and another for mobile view.
Best regards,
IsmaelFebruary 6, 2018 at 5:06 pm #908686Hi!
That’s not possible. The image Slider offers me following versions:
– Large (1030×1030)
– Featured (1500×430)
– Featured Large (1500×630)
– Extra Large (1500×1500)
– Entry Without Sidebar (1200×423)Every Version is too large for mobile devices.
- This reply was modified 6 years, 8 months ago by netgo2017.
February 7, 2018 at 9:15 am #908972Hi netgo2017,
Have you tried setting any of these sizes but using small images?
Best regards,
VictoriaFebruary 14, 2018 at 10:22 pm #912530I have the same problem @netgo2017:
The full width slideshow seems not to offer “screen options” @Ismael
and there are only those image size options:
February 15, 2018 at 7:13 am #912651Hi Chris,
The Fullscreen Slider has options for hiding it on different screen widths, if you are not seeing that then you are probably not running the latest version (4.2.3) of the theme?
Best regards,
RikardFebruary 15, 2018 at 8:28 am #912670Hi Rikard.
The Fullscreen slider has the the option for hiding on different screen withs. The problem is, I do not have the possibility to use smaller image sizes.
I don’t want to upload a smaller second version of my picture, because wordpress already has smaller versions. I think the best way would be, if I can check more image-sizes here:
- This reply was modified 6 years, 7 months ago by netgo2017.
February 16, 2018 at 4:59 am #913086Hi,
Yes, only thumbnails that are more than 1000px in width or height are included in the selection. You can adjust the exlusion value in the config-templabuilder > aviashortcodes > slideshow_fullscreen.php file, line 637:
"subtype" => AviaHelper::get_registered_image_sizes(1000)
Set the value from 1000 to 500 or less.
Best regards,
IsmaelFebruary 19, 2018 at 8:40 am #914162Hi Ismael!
I copied the slideshow_fullscreen.php file in my child-theme and changed the code. But I already have the same choices. Even if I changed the code in my parent theme.February 20, 2018 at 2:13 am #914615Hi,
Have you tried using a smaller value? Please provide the login details in the private field so that we can check it.
Best regards,
IsmaelFebruary 20, 2018 at 9:16 am #914755Here there are
February 21, 2018 at 4:17 am #915189Hi,
Thank you for the update. We modified the file in the parent theme. The new image thumbnail options are available now. If you want to do this modification in a child theme, you have to use the “avia_load_shortcodes” filter.
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.