Css function and requirement from tzn

Like we discussed it already. Add the CSS in functions.php Example:
    $parent_style = 'flatsome';
    
    wp_enqueue_style($parent_style.'-style', get_stylesheet_directory_uri() . '/assets/css/style.css');
    wp_enqueue_style($parent_style.'-custom', get_stylesheet_directory_uri() . '/assets/css/custom.css');
    wp_enqueue_style($parent_style.'-responsive', get_stylesheet_directory_uri() . '/assets/css/responsive.css');
    wp_enqueue_style($parent_style, get_stylesheet_directory_uri() . '/style.min.css');

IMPORTANT: In future we will split all CSS files into small chunks for each page/element - home, cart, checkout, PDP and so on! You can start from now on. Best it to assign your team on those elements. Here is an example:

if (is_front_page() || is_home()) wp_enqueue_style($project . '-homepage', get_stylesheet_directory_uri() . '/assets/scss/modules/homepage.min.css');   
    if (is_page(51)) wp_enqueue_style($project . '-awards', get_stylesheet_directory_uri() . '/assets/scss/modules/awards.min.css');
    if (is_shop() || is_product_category()) wp_enqueue_style($project . '-products', get_stylesheet_directory_uri() . '/assets/scss/modules/shop-filters.min.css');
    if (is_product()) wp_enqueue_style($project . '-products', get_stylesheet_directory_uri() . '/assets/scss/modules/products.min.css');
    if (!is_cart() && !is_checkout()) wp_enqueue_style($project . '-mini-cart', get_stylesheet_directory_uri() . '/assets/scss/modules/mini-cart.min.css');
    if (is_cart()) wp_enqueue_style($project . '-cart', get_stylesheet_directory_uri() . '/assets/scss/modules/cart.min.css');
    if (is_checkout()) wp_enqueue_style($project . '-checkout', get_stylesheet_directory_uri() . '/assets/scss/modules/checkout.min.css');
    if (is_checkout() && !empty(is_wc_endpoint_url('order-received'))) wp_enqueue_style($project . '-checkout', get_stylesheet_directory_uri() . '/assets/scss/modules/order-received.min.css');
    if (is_account_page()) wp_enqueue_style($project . '-account', get_stylesheet_directory_uri() . '/assets/scss/modules/account.min.css');

Leave a Reply

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