Hook for theme modal css?

I’ve been having to manually edit that file each time there’s an update. I haven’t been able to get a hook or filter to work in the element file itself to work so that it works. Do you have a working example of that? I’ve tried several times and it never seems to work. The only thing that does is editing the template-builder.class.php file. I’ve had to resort to putting instructions on how to do that in the elements where that is needed, which also have to be updated to change the line number since that tends to change with the updates as well. Just trying to make it easy for novice users.

To add in a call to the css file my custom layout elements use so they will display correctly in the preview pane. I call it in the element file like normal so it will display correctly on the front end, but to get it to do so in the preview pane I have to manually edit that file and provide instructions for others to do the same.

I’m trying to find a way to get the more complex elements to load correctly in the preview pane without that extra edit of a core file, which has to be done after each Enfold update.

Heya,
I have tried several times to get this to work and I just can’t figure it out. I’m not an expert at this. But I just can’t get it to work for me.

function load_preview_css( $css = "" )
			{$css[get_stylesheet_directory_uri() . '/shortcodes/css/spiderfly.css'] = 1;}

Follow-up question…slightly related as it’s part of the same element… I know how to make it so that I can update the element name to reflect things like specific products, but it only does so after the page is saved/updated and the editor page refreshes. Is there a way you know of to make it update the title in the “editor_element” when you hit the save button in the editor modal?

As an example…the element “Modern Product”. I put it where I want, edit it to select a specific product, hit save in the modal and it closes. At this point, the title in the layout editor will still say “Modern Product”. Once I update the page or save the draft, the title will have changed to the name of the product.

I have tried taking a queue from the Special Heading element and including “data-update_with=” in there, but it didn’t work. So I’m assuming that I am missing something in the setup. I just can’t figure out what that is.

Sorry for all the questions. Just trying to better myself on this so I can make these custom elements better….especially the woocommerce ones. When it comes to products, some people might have a lot of products and having the title update when the edit modal is saved can really help with organizing so one can know what the element represents without having to hit “save draft” or “update” a lot.

Here is what I currently have.

function editor_element($params)
			{
				
				$params['args'] = shortcode_atts(array('link' => '', 'new_title' => '', 'tagline' => '', 'newbadge' => '', 'sale' => '', 'sale_bg' => '', 'newprod' => '', 'newprod_font' => '', 'newprod_bg' => '#588737', 'extratag' => '', 'extra_bg' => '', 'img_size' => 'shop_catalog','heading_size' => '30', 'prefix' => '', 'suffix' => '', 'overlay' => '0.6', 'overlay_start' => '10', 'overlay_end' => '50'
				
				
				), $params['args'], $this->config['shortcode']);
				
				$templateNAME  	= $this->update_template("name", "{{name}}");
				global $product;
				$link = isset( $params['args']['link'] ) ? $params['args']['link'] : '';
				$product = wc_get_product( $link );
				$prod_title = $product->post->post_title;
				
				$params['innerHtml'] = "<img src='".$this->config['icon']."' title='".$this->config['name']."' />";
				if ($link) {$params['innerHtml'].= "<div class='avia-element-label'>".$prod_title."</div>";}
				else {$params['innerHtml'].= "<div class='avia-element-label'>".$this->config['name']."</div>";}
				return $params;
			}

• This reply was modified 5 years, 4 months ago by Kahil.