Mobile compatible banners
Hi Experts,
As we know, we can have only one image URL in a banner (content item). But it is not necessary that that url can be compatible with mobile or small screens. In other eCommerce solutions, there are multiple images can be linked with a banner which can be used according to the screen sizes. Is there any way to achieve this in Spryker? Looking forward to expert suggestions.
Regards
Vikram
Best Answer
-
A quick solution would be to host the images with a service like cloudinary or Fastly Image Optimizer and in that way you would get the image resized automatically.
You can also customize the ContentBannerWidget scss to make the background url adapt to different media types.
You can also customize its template.If you'd like more flexibility, you could create a custom widget to add to the HomePage template where you could serve a different image according to media type.
Please, take a look at the e-learning course: Frontend for backend developers where you can learn how to customize css, html and create a widget
3
Answers
-
A quick solution would be to host the images with a service like cloudinary or Fastly Image Optimizer and in that way you would get the image resized automatically.
You can also customize the ContentBannerWidget scss to make the background url adapt to different media types.
You can also customize its template.If you'd like more flexibility, you could create a custom widget to add to the HomePage template where you could serve a different image according to media type.
Please, take a look at the e-learning course: Frontend for backend developers where you can learn how to customize css, html and create a widget
3 -
Thank you
0
Categories
- All Categories
- 42 Getting Started & Guidelines
- 7 Getting Started in the Community
- 8 Additional Resources
- 7 Community Ideas and Feedback
- 76 Spryker News
- 930 Developer Corner
- 788 Spryker Development
- 89 Spryker Dev Environment
- 362 Spryker Releases
- 3 Oryx frontend framework
- 35 Propel ORM
- 68 Community Projects
- 3 Community Ideation Board
- 30 Hackathon
- 3 PHP Bridge
- 6 Gacela Project
- 26 Job Opportunities
- 3.2K 📜 Slack Archives
- 116 Academy
- 5 Business Users
- 370 Docker
- 551 Slack General
- 2K Help
- 75 Knowledge Sharing
- 6 Random Stuff
- 4 Code Testing
- 32 Product & Business Questions
- 70 Spryker Safari Questions
- 50 Random