JezK

Edit File: generateBackgroundCSS.js

function generateBackgroundCSS ( backgroundAttributes ) {

const {
        backgroundType,
        backgroundImage,
        backgroundColor,
        gradientValue,
        backgroundRepeat,
        backgroundPosition,
        backgroundSize,
        backgroundAttachment,
		backgroundCustomSize,
		backgroundCustomSizeType,
		backgroundImageColor,
		overlayType,
		backgroundVideoColor,
		backgroundVideo,
		customPosition,
		xPosition,
		xPositionType,
		yPosition,
		yPositionType,
    } = backgroundAttributes;

const bgCSS = {};

if( undefined !== backgroundType && '' !== backgroundType ) {

if ( 'color' === backgroundType ) {

if ( backgroundImage && '' !== backgroundImage && '' !== backgroundColor && undefined !== backgroundColor && 'unset' !== backgroundColor && backgroundImage?.url ) {
                bgCSS['background-image'] = 'linear-gradient(to right, ' + backgroundColor + ', ' + backgroundColor + '), url(' + backgroundImage?.url + ');';
            }  else if ( undefined === backgroundImage || '' === backgroundImage || 'unset' === backgroundImage ) {
                bgCSS['background-color'] = backgroundColor;
            }
        } else if ( 'image' === backgroundType ) {

if ( 'color' === overlayType && '' !== backgroundImage && '' !== backgroundImageColor && undefined !== backgroundImageColor && 'unset' !== backgroundImageColor && backgroundImage?.url ) {

bgCSS['background-image'] = 'linear-gradient(to right, ' + backgroundImageColor + ', ' + backgroundImageColor + '), url(' + backgroundImage?.url + ');';
            }
			if (  'gradient' === overlayType && '' !== backgroundImage && backgroundImage && gradientValue && backgroundImage?.url ) {
                bgCSS['background-image'] = gradientValue + ', url(' + backgroundImage?.url + ');';
            }
            if ( '' !== backgroundImage && backgroundImage && 'none' === overlayType && backgroundImage?.url ) {
                bgCSS['background-image'] = 'url(' + backgroundImage?.url + ');';
            }
        } else if ( 'gradient' === backgroundType ) {
            if ( '' !== gradientValue && 'unset' !== gradientValue ) {
                bgCSS.background = gradientValue;
            }
        } else if ( 'video' === backgroundType ) {
			if ( 'color' === overlayType && '' !== backgroundVideo && '' !== backgroundVideoColor && undefined !== backgroundVideoColor && 'unset' !== backgroundVideoColor ) {

bgCSS.background = backgroundVideoColor;
            }
			if (  'gradient' === overlayType && '' !== backgroundVideo && backgroundVideo && gradientValue ) {
                bgCSS['background-image'] = gradientValue + ';';
            }
		}

let backgroundSizeValue = backgroundSize;

if ( 'custom' === backgroundSize ) {
			backgroundSizeValue = backgroundCustomSize + backgroundCustomSizeType;
		}

if ( '' !== backgroundImage ) {

bgCSS['background-repeat'] = backgroundRepeat;

if( 'custom' !== customPosition && backgroundPosition?.x && backgroundPosition?.y ) {

bgCSS['background-position'] = `${ backgroundPosition?.x * 100 }% ${ backgroundPosition?.y * 100 }%`;

} else if ( 'custom' === customPosition && xPosition && yPosition ) {
                
				bgCSS['background-position'] = `${ xPosition }${ xPositionType } ${ yPosition }${ yPositionType }`;
			}

bgCSS['background-size'] = backgroundSizeValue;
            bgCSS['background-attachment'] = backgroundAttachment;
        }
    }

return bgCSS;
}

export default generateBackgroundCSS;

Warning: Cannot modify header information - headers already sent by (output started at /home2/shaplika/tahminnaturalcarebd.shop/wp-content/plugins/cartflows/cartflows.php:1) in /home2/shaplika/tahminnaturalcarebd.shop/wp-includes/sitemaps/class-wp-sitemaps-renderer.php on line 126
https://tahminnaturalcarebd.shop/wp-sitemap-posts-post-1.xmlhttps://tahminnaturalcarebd.shop/wp-sitemap-posts-page-1.xmlhttps://tahminnaturalcarebd.shop/wp-sitemap-posts-product-1.xmlhttps://tahminnaturalcarebd.shop/wp-sitemap-posts-cartflows_step-1.xmlhttps://tahminnaturalcarebd.shop/wp-sitemap-taxonomies-category-1.xmlhttps://tahminnaturalcarebd.shop/wp-sitemap-taxonomies-post_tag-1.xmlhttps://tahminnaturalcarebd.shop/wp-sitemap-taxonomies-product_cat-1.xmlhttps://tahminnaturalcarebd.shop/wp-sitemap-users-1.xml