I am using SiteOrigin Page Builder for my project. On woocommerce’s search results page, the html tags generated by the plugin don’t have css. Other pages html tags have css (in index, in wp-content / plugins / siteorigin-panels / css / front-flex.min.css)
PLEASE help!
Thank you,
Giang
Bug SiteOrigin Page Builder in search resullt woocommerce
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Giang,
Can you please link me to the search page on your website where the SiteOrigin page Builder Styles should be output but aren’t? I’m not able to replicate this locally so this should give me further insight into the issue you’re facing. Regardless, you can force the Page Builder stylesheet to load on all pages by adding some PHP to your website. If you’re not using a child theme, please install Code Snippets. Once installed navigate to WP AdminSnippetsAdd Newand add the following PHP:
add_action( 'wp_enqueue_scripts', function() { SiteOrigin_Panels_Styles::register_scripts(); wp_enqueue_script( 'siteorigin-panels-front-styles' ); wp_enqueue_style( 'siteorigin-panels-front' ); } );Click Save Changes & Activate.
If you’re using a child theme, please add the above PHP to your child theme functions.php.
After adding the above PHP you’ll need to clear any page cache or minify caches.
Kind regards,
Alex
Hi Alex S,
Thanks for your help. I hope you can understand because of my tardy response. I used add_action inside my function.php file. This is a link which goes to trouble website https://battrang.tententheme.site/. You may try to search “abcd” or anything with the same meaning to go to the page and this will show no result of woocommerce. You will see that the lay-out of footer look askew when compared with the other pages. The reason is html panel-grid-cell tag has no width: calc(..). I hope that you will reply soon.
Thank you,
Giang
Hi Giang,
Thank you for the link. I’ve had a look at your markup and your footer doesn’t appear to be a traditional footer and instead appears to be a page being output there (specifically, a page with an id of 65). Is that the case? If so, how are you adding that page to the footer? Does the correct CSS output if you add the footer using a dedicated widget instead? You can build your footer using SiteOrigin Page Builder by adding a Layout Builder.
Kind regards,
Alex
Hi Alex,
Yup, just like you said. It is not a traditional footer . I create a page called “footer layout” in the admin page. Then use the layout builder and visual editor to create the footer elements.
Images of footer layout page in admin page:
https://prnt.sc/wmhxuo
https://prnt.sc/wmhysm
In footer.php, I get the content of the page “footer layout” (a page with an id of 65) with the code below.
https://prnt.sc/wmhzth
Thank you,
Giang
Hi Giang,
Thanks. I recommend outputting that footer using the following script instead:
$post_id = 65; if ( class_exists( 'SiteOrigin_Panels' ) && get_post_meta( $post_id, 'panels_data', true ) ) { echo SiteOrigin_Panels::renderer()->render( $post_id ); } else { echo apply_filters( 'the_content', get_post( $post_id )->post_content ); }Does that work?
Kind regards,
Alex
Hi Alex,
It’s worked. Thank you so much.
Thank you,
Giang
Hi Giang,
Great to hear that helped! :)
Please open a new thread if anything else comes up.
Kind regards,
Alex