Check out FoodMaster — the modern food ordering plugin for WooCommerce. View Plugin
WPSlash

WooFood Popup Compatibility with Shortcodes Ultimate

Wednesday April 8, 2020

In case you are using WooFood with and using also Shortcode Ultimate Plugin you will have noticed that styles are not loaded inside the popup.

By using the following code on your functions.php on your child theme you will be able to load normally the css and js assets inside popup

function PREFIX_su_force_assets() {

  if ( ! function_exists( 'su_query_asset' ) ) {
    return;
  }

  // Shortcode styles
  su_query_asset( 'css', 'su-shortcodes' );

  // Icons
  // For shortcodes with icons like spoiler or service
  su_query_asset( 'css', 'su-icons' );

  // Animations
  su_query_asset( 'css', 'animate' );

  // jQuery
  su_query_asset( 'js', 'jquery' );

  // Lightboxes
  // lightbox, exit_popup, splash_screen, image_carousel w/ lightbox
  su_query_asset( 'css', 'magnific-popup' );
  su_query_asset( 'js', 'magnific-popup' );

  // Shortcode scripts
  // tabs, spoiler, image_carousel, etc.
  su_query_asset( 'js', 'su-shortcodes' );

  // Extra Shortcodes add-on
  su_query_asset( 'css', 'owl-carousel' );
  su_query_asset( 'js', 'owl-carousel' );
  su_query_asset( 'css', 'shortcodes-ultimate-extra' );
  su_query_asset( 'js', 'shortcodes-ultimate-extra' );

}

add_action( 'wp_head', 'PREFIX_su_force_assets' );

Leave a Comment

Your email address will not be published. Required fields are marked *

Related Articles

Tutorials

How to Secure Your WooCommerce Restaurant Website: WordPress Security Checklist for 2025

Running a restaurant website isn’t like running a blog. When your site goes down at 7 PM on a Friday, you’re not losing pageviews — you’re losing actual dinner orders, frustrated customers, and the trust you spent years building. And unfortunately, restaurant sites running WooCommerce have become a favorite playground for attackers in 2024 and […]
May 17, 2026
Tutorials

How to Set Up SMS and WhatsApp Order Notifications for Your WooCommerce Restaurant (2026)

Why SMS and WhatsApp Notifications Matter for Restaurant Orders A customer places an order on your <a href="https://www.wpslash.com/how-to-set-up-real-time-order-tracking-for-your-woocommerce-restaurant-website-2025-2/" title="How to Set Up Real-Time Order Tracking for Your <a href="https://www.wpslash.com/how-to-set-up-catering-and-large-group-orders-on-your-woocommerce-restaurant-website-2025/" title="How to Set Up Catering and Large Group Orders on Your WooCommerce Restaurant Website (2025)”>WooCommerce Restaurant Website (2025)”>restaurant website at 7:15 PM during the Friday rush. […]
May 3, 2026
Tutorials

How to Set Up Real-Time Order Tracking for Your WooCommerce Restaurant Website (2026)

Why Real-Time Order Tracking Matters for Restaurant Websites Picture this: a hungry customer places an order on your <a href="https://www.wpslash.com/how-to-build-a-customer-loyalty-program-for-your-wordpress-restaurant-website-2025/" title="How to Build a Customer Loyalty Program for Your <a href="https://www.wpslash.com/how-to-connect-your-wordpress-restaurant-website-to-doordash-uber-eats-grubhub-2025/" title="How to Connect Your WordPress <a href="https://www.wpslash.com/how-to-rank-your-restaurant-website-on-google-local-seo-for-wordpress-2025/" title="How to Rank Your Restaurant Website on Google: Local SEO for WordPress (2025)”>Restaurant Website to DoorDash, Uber […]
May 3, 2026