Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Be|theme demo. We don`t offer theme customization.


Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
3. If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .


NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.


IMPORTANT!!! Along with your inquiry, please attach the address of the page which concerns the question. This will cause the time to answer on your question will be much shorter. If you do not want to publish your address publicly in the forum, please send a private message. Thanks!

Custom HTML/Components

We have a pretty large grid on one of the pages with zoom-boxes.
The boxes always load imgages in a high resolution, eventhough less than half of it is needed at least in 3 of 4 display breakpoints.
Furtheron the grid is not working with lazy loading of wp-rocket.
There seems be no way to make the images use a srcsets.
So finally I'd like to replace zoomboxes with custom HTML, which is a pain in the ass due to the editor settings which rewoves/replaces elements - not sure if that's some kind of restriction of inline editing in general or based on the settings.
In addition the grid seems to do some respositioning by JS making it even harder to get things done.
Our customer wants to keep the gridded layout, so we need something using srcsets. Probably the best way would be adding custom HTML, because IMO there's missing one image size around 400 px to make the sourceset eficient. We already added that.
Is there any way to control the visual editor or add a custom component for grid-boxes?
In addition can we do anything to get lazyload to work with the grid?

Thanks in advance

Comments

  • Please sign in to see answear!
  • Thanks for responding.
    I already knew that path, not sure if it is the best idea to change the code - i'd prefer using custom markup and keep the intended behaviour for future content.
    Anyways, in case I will end up there, do you have another hint how to get the id for the image?
    It's not passed by the function params but would be needed to calculate the srcset.

    Thanks in advance.
  • Please sign in to see answear!
  • Thanks again for replying.
    JS is probably not the way, especially when working in data that aleady exists.
    I'll go the child theme way then - was trying to avoid that cause I don't have an overview of the way things are done in there and it seems there's pretty many things included in the build process.
    I'll get back with more questions when I got stuck.
    Thnks so far!
Sign In or Register to comment.