Coder Social home page Coder Social logo

Comments (7)

domtra avatar domtra commented on May 23, 2024

Hi @purchasingtoolpak ,
it is strange that this is only happening for PremiumComponents. I would expect the issue to come from something in the functions.php in the PremiumComponents folder.
As a quick fix, could you please try to move all of the premium components out of the PremiumComponents folder, one level higher, into the Components folder? Then copy the getACFLayout functions PremiumComponents/functions.php into the respective field group definition in ./inc/fieldGroups/. As a last step, delete the PremiumComponents folder with the left over files.
I hope this solves your issue for now. This is option number 1 from the PremiumComponents readme. It is definitely the more robust method that we use most of the time. I will have a look at option 2 though, as well, to see how we can fix the issue you are facing.

from flynt.

purchasingtoolpak avatar purchasingtoolpak commented on May 23, 2024

OK, after following your instructions above the Premium Component is now working. However the images are not being generated in the Dynamic folder. The img src path is.
<img class="figure-image lazyautosizes lazyloaded" src="//localhost:3000/wordpress/wp-content/uploads/dynamic/2020/05/national-cancer-institute-eRExodEMiOE-unsplash-792x528-c-default.jpg" srcset=" //localhost:3000/wordpress/wp-content/uploads/dynamic/2020/05/national-cancer-institute-eRExodEMiOE-unsplash-1584x1056-c-default.jpg 1584w, //localhost:3000/wordpress/wp-content/uploads/dynamic/2020/05/national-cancer-institute-eRExodEMiOE-unsplash-792x528-c-default.jpg 792w, //localhost:3000/wordpress/wp-content/uploads/dynamic/2020/05/national-cancer-institute-eRExodEMiOE-unsplash-375x250-c-default.jpg 375w" data-srcset=" //localhost:3000/wordpress/wp-content/uploads/dynamic/2020/05/national-cancer-institute-eRExodEMiOE-unsplash-1584x1056-c-default.jpg 1584w, //localhost:3000/wordpress/wp-content/uploads/dynamic/2020/05/national-cancer-institute-eRExodEMiOE-unsplash-792x528-c-default.jpg 792w, //localhost:3000/wordpress/wp-content/uploads/dynamic/2020/05/national-cancer-institute-eRExodEMiOE-unsplash-375x250-c-default.jpg 375w" data-sizes="auto" alt="children-hospital" sizes="792px">
However these images are not being generated in the Dynamic folder. I am working to resolve but any tips would be appreciated.

from flynt.

domtra avatar domtra commented on May 23, 2024

Again, as a quick workaround, you can try to disable the dynamic image generation all together.
For this check https://github.com/flyntwp/flynt/blob/master/inc/timberDynamicResize.php#L13 and uncomment this line in your project. Then save your permalinks in wp-admin.

from flynt.

purchasingtoolpak avatar purchasingtoolpak commented on May 23, 2024

I would like to enable DynamicResize. I think this is a great feature of flynt. If you can provide further guidance to debug that would be appreciated.

from flynt.

domtra avatar domtra commented on May 23, 2024

@purchasingtoolpak there is a new work in progress branch called dynamicResize would you mind trying out if this works with your setup?
you will need to go into the Global Options and change the settings of Timber Dynamic Resize.

from flynt.

purchasingtoolpak avatar purchasingtoolpak commented on May 23, 2024

I installed the new branch using localwp on my desktop with no premium components. Then I installed the faker press plugin which added about 50 posts with images. I changed the dynamic resize global setting to yes to generate images on the fly.

No images rendered with the blog posts. I also created a Photo gallery using the slider component and no images rendered.

I turned off dynamic image generation and the images did show for the blog posts and the photo gallery.

Any questions let me know.

Dave

from flynt.

domtra avatar domtra commented on May 23, 2024

closing due to inactivity.

from flynt.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.