Guided Recipe – Import images with text – Feature request

I’m afraid that’s not possible right now. Where are you importing from exactly?

We do have the ability to assign instruction images, of course, but you’d have to add those in manually.

I do not recommend having those images in the metadata but not on the page itself. In general Google does not like it when you hide things like that. We have the Instruction Media Toggle feature, in case your visitors want to view the recipe without those images: https://demo.wprecipemaker.com/instruction-media-toggle/

I have the images on the page itself with instructions. When I add WP recipe to the page I simply copy the whole text from wordpress editor’s text tab and paste it into wp recipe maker:
https://www.suncakemom.com/savory/low-carb-pizza-recipe

Will something be implemented in the near future to import the instruction images?

Adding the instruction images to over 200 posts manually doesn’t sounds like fun at all. If google is not so hasty pushing this thing so aggressively then it may worth a bit of waiting.

I’ve added it to the idea list but I have to admit that’s a very long list and so far you’re the only one to have requested this.

So it’s not a priority at the moment and I can’t give you any deadline at all.

Yeah, I understand it. As I’ve seen the recipe niche not many sites adopted the “take a photo of every step” method in the instructions.
I wonder how many things will change now that google is pushing for it, though.

Anyhow thanks for considering it!

I’ve just tried this instruction image inserting and I’ve got some issues with it. Not sure if some are intentional or not.

I couldn’t get the “Default Show Instruction Images” working. It doesn’t matter if the toggle is green or grey the images are always shown in the recipe.

Only the chic template shows the toggle switch. The rest of the templates don’t have an image toggle. This wouldn’t be a problem if the “Default Show Instruction Images” settings were respected but the images are always shown here too.

I use W3 caching plugin and did a cache purge after every setting. I refreshed the page with ctrl+f5 on firefox. I don’t use CDN.

The page in question: https://www.suncakemom.com/sides-salads/buffalo-cauliflower-recipe

Thanks!

That “Default Show Instruction Images” is about the Print Version of the recipe. It does not affect the regular recipes where the images will always be shown (but can optionally be hidden with the toggle).

That toggle can be added to any template using the Template Editor:
https://help.bootstrapped.ventures/article/53-template-editor

I’m actually happy without a toggle as long as the images are not showing. With all the pictures in the recipe it feels like the plugin is taking over the whole page. It feels strange.

Would it be possible to add a toggle for the recipe that sets the default state to hide? Showing all the images makes the whole page unnecessarily long and in my particular case twice as much as I have all the images inserted in the page already.

I’ll add a default hide state for the media toggle to our idea list.

That’s sounds great. If it takes a long time to implement it would be great if you could tell which .php file to edit to change the state. I guess it’s just a matter of changing ‘default’ => true/false

Thanks!

That’s handled through JavaScript and those JS files are combined and minified using Webpack, so it’s actually not a simple change like that in your own files.

Yeah, meanwhile I’ve found the media-toggle.js file but haven’t dared to touch it yet. ??

Editing that directly won’t change anything. That’s the source file but the plugin uses the compiled JS in the /dist/ folder.

Indeed that’s a much more exciting file to work with. Do you happen to know how is this function works there? I couldn’t find anything that relates to the media-toggle but that’s probably something to do with my poor understanding of js.

I would have to recommend just waiting for us to implement it. I’ll be looking into it for the next update.