Awesome! I’m not sure if you will be able to answer this one then but I will give it a try!

Right now I am working on updating our WooCommerce Product pages. Currently when editing the product I try to add the “Product Info Tab” into my avia layout builder and upon updating the page it pretty much wipes everything out.

Below I gave the link to my staging website of the page that is messed up (sport-cushion) and another product with no “Product Info Tab” (campad)

I’m not sure if this is even theme related or if you can help but I am no developer so this one has stumped me.

Thank you!
Whitney

Great thank you it worked! However, elements of the theme are still not working. For example, when I try to edit some of my Pages, why is the text in the content builder/text block white? I cannot see what I am editing.

Ok I solved more or less all the issues axcept one. First I work with the woocommerce multilingual settings as stated above. This give me the possibility of opening the product in each language from teh standard avia layout builder of Enfold. In this way I can check all settings (example I found that in the automatic copy the Name Your Price Option was not set and that’s why it didn’t appear in the front end).

I downloaded a wpml-config.xml file that I copied in my child theme and the menu now has the same color taken from my custom css style sheet.

However the custom shortcodes don’t work. They appear in the avia layout builder in the administrative panel (while editing the product), but nothing appears in the front-end. It is like the php function I wrote is not working in the front end translated page.

The code is the following… maybe I should add something the php file.

It takes takes the formatted name from each variation of the product (which are cruise dates) and it extrapolates the variation name and its stock availability (= places available in each cruise date).

<?php

if( !class_exists( 'woocommerce' ) )
{
	add_shortcode('csr_calendar_button', 'avia_please_install_woo');
	return;
}

if ( !class_exists( 'avia_csr_calendar_button' ) )
{
	class avia_csr_calendar_button extends aviaShortcodeTemplate
	{
		/**
		 * Create the config array for the shortcode button
		 */
		function shortcode_insert_button()
		{
			$this->config['name']		= __('CSR Calendar', 'avia_framework' );
			$this->config['tab']		= __('Plugin Additions', 'avia_framework' );
			$this->config['icon']		= AviaBuilder::$path['imagesURL']."sc-button.png";
			$this->config['order']		= 23;
			$this->config['target']		= 'avia-target-insert';
			$this->config['shortcode'] 	= 'csr_calendar_button';
			$this->config['tooltip'] 	= __('Display the "CSR Calendar" button for the current product', 'avia_framework' );
			$this->config['drag-level'] = 3;
			$this->config['tinyMCE'] 	= array('disable' => "true");
			$this->config['posttype'] 	= array('product',__('This element can only be used on single product pages','avia_framework'));
		}

		/**
		 * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas
		 * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container
		 * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className
		 *
		 *
		 * @param array $params this array holds the default values for $content and $args.
		 * @return $params the return array usually holds an innerHtml key that holds item specific markup.
		 */
		function editor_element($params)
		{
			$params['innerHtml'] = "<img src='".$this->config['icon']."' title='".$this->config['name']."' />";
			$params['innerHtml'].= "<div class='avia-element-label'>".$this->config['name']."</div>";
			$params['content'] 	 = NULL; //remove to allow content elements
			return $params;
		}

		/**
		 * Frontend Shortcode Handler
		 *
		 * @param array $atts array of attributes
		 * @param string $content text within enclosing form of shortcode element
		 * @param string $shortcodename the shortcode found, when == callback name
		 * @return string $output returns the modified html string
		 */
		function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "")
		{
			$output = "";
			$meta['el_class'];
			
			global $woocommerce, $product;
			if(!is_object($woocommerce) || !is_object($woocommerce->query) || empty($product)) return;

			// $product = wc_get_product();
			
			$output .= "<div class='av-woo-calendar-button ".$meta['el_class']."'>";
			ob_start();?>
			
                <table cellspacing="0" cellpadding="2">
                    <thead>
                        <tr>
                            <th scope="col" style="text-align:left; background-color:rgba(255,255,255,1); vertical-align:middle;"><?php _e('Cruise', 'woothemes'); ?></th>
                            <th scope="col" style="text-align:center;background-color:rgba(255,255,255,1);"><?php _e('Places<br/>available', 'woothemes'); ?></th>
                        </tr>
                    </thead>
                    <tbody>
                    <?php
                    
                    $args = array(
                        'post_type'			=> 'product_variation',
                        'post_status' 		=> 'publish',
                        'posts_per_page' 	=> -1,
                        'orderby'			=> 'title',
                        'order'				=> 'ASC',
                       'meta_query' => array(
                            array(
                                'key' 		=> '_stock',
                                'value' 	=> array('', false, null),
                                'compare' 	=> 'NOT IN'
                            )
                        )
                    );
                    
                    $loop = new WP_Query( $args );
                
                    while ( $loop->have_posts() ) : $loop->the_post();
                    
                                    $product = new WC_Product_Variation( $loop->post->ID );
									
                            if (get_the_title( $loop->post->post_parent ) == 'CSR Expeditions Payment')
                            {		
								$variation_formatted_name = $product->get_formatted_name();
								$variation_name_array = explode("&ndash;", $variation_formatted_name);
								$variation_name = $variation_name_array[2];
								$variation_price = $variation_name_array[3];
								$variation_sku = $variation_name_array[0];
								$variation_name_only = explode(":", $variation_name);
								$variation_name_only = $variation_name_only[1];
                        ?>
                        
                        <tr>
                            <td><?php  echo $variation_name_only ."&ndash;" . $variation_price; ?></td>
                            <?php
								if (intval ($product->stock) >0)
								{ ?>
                           			<td style="text-align:center; font-size: 13px; background-color:#70C940; color:rgba(255,255,255,1);"><?php echo intval ($product->stock); ?></td>
								<?php
                                }
								else
								{ ?>
                           			<td style="text-align:center; font-size: 13px; background-color:#D11E1B;color:rgba(255,255,255,1);"> <?php echo intval ($product->stock); ?></td>
                                <?php    
								}
								
							?>
                        </tr>
                        <?php
                            }
                    endwhile; 
                    
                    ?>
                    </tbody>
                </table>

			<?php
			
			$output .= ob_get_clean();
			$output .= "</div>";
			return $output;
		}
	}
}

Hi!
Thanks for continuing to help.
VERY INTERESTING result here.
1. I deleted the page in the live version of the site.
2. I re-built using the Advanced Layout Builder
3. I use the following elements on this page and nine others: 1) 2 grid blocks, 2) three text blocks, 3) 4 whitespace lines, 4) on icon list, 5) a full-width button, and 6) a full width sub-menu.
4. After each element I added, I clicked “Save Draft”
5. I was near the end of adding elements with all working fine. When I got to the first text box it hung up and went to endless loop after I saved.
6. I deleted and started again. This time going straight to the text box (which is within the grid block).
7. I added the heading and body text. Clicked save. Hung up again.
8. I deleted and started again. This time going straight to the text box and only adding the heading (I put in the heading in the “TEXT” option rather than the Viewer). Hung up again. Was using text to add <h4></h4> heading.
9. Tried again, this time not using TEXT editor, but VIEWER, same thing happened when I tried to use the <h4></h4> heading.
10. Tried again. This time with no heading, but pasted in content from a word document that I used to temporarily park content from the page. Hung up gain.
11. Tried again. This time by manually typing all content in the VIEWER section of the text block. So far it worked.
12. Went into the text block under VIEWER and tried to add the header using <h4>MY TEXT</h4> clicked save draft. Hung up again.
13. So clearly what’s causing this problem is that I cannot add headers using HTML code like <h4> which hangs it up either in VIEWER or TEXT editing mode. I can’t have a site where I can’t add headers! This isn’t a problem on any other page, but will now happen whenever I try to add headers. SO my option is to not use headers (unacceptable) or to be unable to edit pages. Not a good set of choices. Can you help?

Thanks so much!