I have a theme with homepage built by Site Origin Page Builder developed in my localhost.I exported pages and media with WordPress Importer Plugin. Now in that xml import file, every media have localhost url and of course our user can’t import our theme’s media. How can I fix that?
Import/export media in pages built with Site Origin Page Builder
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Hiệp,
I would not recommend WordPress import tool – you’ll run into issues like this and issues where SiteOrigin Page Builder data can sometimes import incorrectly due to how the imports are handled. I would instead recommend a proper migration plugin like Duplicator.
Hi Hiệp Vũ,
It should also be noted that if you’re only looking to import pages and not an entire WordPress install you can use the built-in Import / Export functionality in SiteOrigin Page Builder. Open up the page you wish to export, click the prebuilt layout icon and click the import / export link. Click download layout and then switch to the site you wish to import the layout too. Repeat the previously outlined steps but this time instead of clicking download layout, upload the previously exported layout.
There sadly isn’t a mass import / export tool at this time.
Can’t belive I miss that Import/Export functionality. Definitely try that out tomorrow.
And thank you so much for your super lighting fast reply
Hi Alex,
sorry to trouble you again but the Import/Export doesn’t work, images still don’t show.
Actually I’m trying to develope a theme for ThemeForest so Duplicator is not a option.
I really appreciate any help you can provide.
Hi Hiệp Vũ,
Ah. If that’s the case I would recommend bundling the layout. It basically will allow the user to click prebuilt and then import the layout you’ve built without having to import via the standard editor. Give this doc a read for more information.
Hi Alex,
I’m working with prebuilt functionality, got some hard time finding Page builder data but finally got it working.
In that builder data dumb, normal images have ‘imageurl’ and i can replace my localhost url with wordpress functions such as:
‘imageurl’ => get_template_directory_uri() .’/example.png’;
But with some images like background, background parallax … which have ‘background_image_attachment’ i can’t do the same.
Is there a way to fix this?
Hi Hiệp Vũ,
Sorry for the delay!
Typically you can use either image_fallback, background_image_fallback or foreground_image_fallback for those fields.
Hi Alex,
I will check it out as soon as i can.
Thanks for all your great work. You guy are the best!
Hi Alex,
The image_fallback work perfectly but with background_image_fallback I can’t make it working, the row with background image doesn’t get it background-image style.
I really appreciate any help here. This is the last trouble I have
Hi Hiệp Vũ,
Could you show me what you have? Please wrap any code in the code short tags (they’re not self-closing). If you would you like to, understandably, keep it private please mark your reply as private.
Hi Alex,
Our template has 3 child themes. Every child theme i put the Page Data Dumb to a file in it then include it in my child theme’s functions.php.
With image_fallback everything if perfect:
16 => array ( 'uploader_button' => 'Select an Image', 'attachment_id' => 2786, 'imageurl' => get_stylesheet_directory_uri() . '/images/book-1.png', 'title' => '', 'alt' => '', 'rel' => '', 'description' => '', 'link' => '', 'linkid' => '', 'linktarget' => '_self', 'size' => 'full', 'aspect_ratio' => 1.434146341463399920712618040852248668670654296875, 'width' => 588, 'height' => 410, 'align' => 'none', 'panels_info' => array ( 'class' => 'Tribe_Image_Widget', 'raw' => false, 'grid' => 6, 'cell' => 0, 'id' => 16, 'style' => array ( 'class' => 'icon-section-left', 'background_display' => 'tile', ), ), ),But with background_image_fallback, i use below code and can not get the image for my parallax background row:
4 => array ( 'cells' => 1, 'style' => array ( 'id' => 'recent-blog-post-section', 'padding' => '60px 0px', 'row_stretch' => 'full', 'background_image_attachment' => 2761, 'background_image_fallback' => get_stylesheet_directory_uri() . '/images/bg-paralax-1-1.jpg', 'background_display' => 'parallax-original', ), ),Sorry,
I mean With image_fallback everything is perfect.
Hi Hiệp Vũ,
According to the code, oddly, background_image_fallback is only used for sliders (the hero widget is built off of that). As such, image_fallback seems to be the option to use. I presume this is just a mislabeled parameter. Sorry about that! :(
Sorry Alex,
I can’t get the background image working with image_fallback.
4 => array ( 'cells' => 1, 'style' => array ( 'id' => 'recent-blog-post-section', 'padding' => '60px 0px', 'row_stretch' => 'full', 'image_fallback' => get_stylesheet_directory_uri() . '/images/bg-paralax-1-1.jpg', 'background_display' => 'parallax-original', ), ),Can you tell me why this isn’t working or someway to workaround this? Thank you
Hi Hiệp Vũ,
I stand corrected. Upon reviewing the code it doesn’t seem it’s possible to add a remote image in layouts. I’m going to log this as a feature request and it should hopefully be introduced in a future update – very sorry about this.