Hello, while waiting for your answer I tried again the installation of wpml and right now it seems everything ok. I mean, I translated the home page and the blog page. Fine.

However, before translating the rest of the pages, I tried to to translate the Woocommerce section. Here I found a major problem. First with woocommerce multilingual plugin I did translate categories and attributes. After that I did translate the products. However here comes the problem. I created each product page with avia layout builder and in the orginal language (english) everything was fine. Now the translated products show the default woocommerce product appearance above my personal layout. Moreover, se html code that I wrote and included (the calendar with places availability below the add to cart button) does not appear anymore.

I include two screenshots. Let me know if you need to log in the website since I am working on a local machine. Right now the NOT translated web site is available at http://whalesanddolphins.tethys.org/test/product/csr-expeditions-payment/
I prefer to do the tests on a local machine before substituting the web site online.

Please let me know as it is urgent
Thank you very much

Thanks Rikard, I am working on a local machine. Today I should be able to put the test online and give you a link. In the meanhile I found a solution, but I still need your help. Hence, if you don’t mind, I get back to you later.

Best
elena

You are right: it was so simple! Thank you! Do you have btw any suggestion on how to override some woocommerce templates (such as e.g. the form-shipping.php) instead? I tried to save a modified copy in a woocommerce subfolder within my child theme but it doesn’t work.

Any suggestion?

yes thanks

Yes I checked it out thank you. But that is not the case. My child theme works perfectly and my problem doesn’t relate to page templates or style sheet, but only to woocommerce files. I already managed with other themes to override woocommerce files by copying them in the child theme folder in the proper directory as reported in this post https://docs.woothemes.com/document/template-structure/

Unfortunately this time it doesn’t work

Hi Ismael, here I am.

To see how the code works please refer to the following link

As I was telling you, the csr-expeditions is the product with the variations that correspond to different date cruises. I added also gravity form to allow the possibility of adding the names of the participants if they are > 1. Just below the form I added the calendar that I described above

These where my steps:

1) added the new shortcodes in the child theme folder
2) added the new wc-class to the class-wc-product-variation.php file which STILL is in the woocommerce folder

Actually my problem is where I can save the class-wc-product-variation.php file in my child theme in order to keep it even if I update woocommerce. I had the same issue with another file of woocommerce that I modified (the form-shipping.php) and it doesn’t work if saved in my child- theme folder.
Do you have any suggestion?

Hi sorry, but while waiting for your answer I went thinking on about the solution and I imagine I got it! Since it may serve for others, I’d like to report here the procedure I adopted. Maybe you can also answer to a question (see at the bottom of the codes)

First of all I created a new function on the file class-wc-product-variation.php that is found in woocommerce/includes/
The function is more or less the modified copy of the get_formatted_name at line 741 of the file. My new function is called get_formatted_variations_name and returns a string which gives the title of the variation and the price. Here it is:

STEP 1

	/**
	 * Get product variation name. Used within admin.
	 *
	 * @return string Formatted product name, including attributes and price
	 */
	public function get_formatted_variations_name() {
		if ( $this->get_sku() ) {
			$identifier = $this->get_sku();
		} else {
			$identifier = '';
		}

		$formatted_attributes = $this->get_formatted_variation_attributes( true );
		$variation_name = substr($formatted_attributes, 27);
		$extra_data           = $variation_name . ' – ' . wc_price( $this->get_price() );

		return sprintf( __( '%s', 'woocommerce' ), $extra_data );
	}

STEP 2)
I created a new avia element called “calendar’ in which I call the function stated before, together with the stock data in a loop, in order to extract all variation for a determined product. In my case the product was called “CSR Expeditions Payment” and the variations are the dates of the cruises. The $loop passes all the products, and before outputting the data I need, I filter the product of interest (in this case CSR Expeditions Payment).

 
<?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 Calnedar" 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 />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;"><?php _e('Cruise', 'woothemes'); ?></th>
                            <th scope="col" style="text-align:left;"><?php _e('Places availability', 'woothemes'); ?></th>
                        </tr>
                    </thead>
                    <tbody>
                    <?php
                    
                    $args = array(
                        'post_type'			=> 'product_variation',
                        'post_status' 		=> 'publish',
                        'posts_per_page' 	=> -1,
                        'orderby'			=> 'title',
                        'order'				=> 'DESC',
                        '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')
                            {		
                        ?>
                        <tr>
                            <td><?php  echo $product->get_formatted_variations_name(); ?></td>
                            <td><?php echo intval ($product->stock); ?></td>
                        </tr>
                        <?php
                            }
                    endwhile; 
                    
                    ?>
                    </tbody>
                </table>
		
			<?php
			
			$output .= ob_get_clean();
			$output .= "</div>";
			
			return $output;
		}
	}
}

CONSIDERATIONS

1) It seems working by now, but I have to add it AFTER the product purchase button, otherwise the purchase button doesn’t appear… still have to figure out why

2) I still am trying to see where I can save my new function in the child theme folde. I tried to add it to a subfolder woocommerce/includes, but it doesn’t work like that. By now I left the new function in the original woocommerce file class-wc-product-variation.php, but it is not a good solution as if I update the plugin the modifications would be lost. HERE’S MY QUESTION: do you know where I should save it??

Thanks again
Elena

Hi Andy, I think I got it! Since it may serve for others I report here the procedure I adopted. Maybe you can also answer to a question (see at the bottom of the codes)

First of all I created a new function on the file class-wc-product-variation.php that is found in woocommerce/includes/
The function is more or less the modified copy of the get_formatted_name at line 741 of the file. My new function is called get_formatted_variations_name and returns a string which gives the title of the variation and the price. Here it is:

STEP 1

	/**
	 * Get product variation name. Used within admin.
	 *
	 * @return string Formatted product name, including attributes and price
	 */
	public function get_formatted_variations_name() {
		if ( $this->get_sku() ) {
			$identifier = $this->get_sku();
		} else {
			$identifier = '';
		}

		$formatted_attributes = $this->get_formatted_variation_attributes( true );
		$variation_name = substr($formatted_attributes, 27);
		$extra_data           = $variation_name . ' – ' . wc_price( $this->get_price() );

		return sprintf( __( '%s', 'woocommerce' ), $extra_data );
	}

STEP 2)
I created a new avia element called “calendar’ in which I call the function stated before, together with the stock data in a loop, in order to extract all variation for a determined product. In my case the product was called “CSR Expeditions Payment” and the variations are the dates of the cruises. The $loop passes all the products, and before outputting the data I need, I filter the product of interest (in this case CSR Expeditions Payment).

 
<?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 Calnedar" 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 />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;"><?php _e('Cruise', 'woothemes'); ?></th>
                            <th scope="col" style="text-align:left;"><?php _e('Places availability', 'woothemes'); ?></th>
                        </tr>
                    </thead>
                    <tbody>
                    <?php
                    
                    $args = array(
                        'post_type'			=> 'product_variation',
                        'post_status' 		=> 'publish',
                        'posts_per_page' 	=> -1,
                        'orderby'			=> 'title',
                        'order'				=> 'DESC',
                        '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')
                            {		
                        ?>
                        <tr>
                            <td><?php  echo $product->get_formatted_variations_name(); ?></td>
                            <td><?php echo intval ($product->stock); ?></td>
                        </tr>
                        <?php
                            }
                    endwhile; 
                    
                    ?>
                    </tbody>
                </table>
		
			<?php
			
			$output .= ob_get_clean();
			$output .= "</div>";
			
			return $output;
		}
	}
}

CONSIDERATIONS

1) It seems working by now, but I have to add it AFTER the product purchase button, otherwise the purchase button doesn’t appear… still have to figure out why

2) I still am trying to see where I can save my new function in the child theme folde. I tried to add it to a subfolder woocommerce/includes, but it doesn’t work like that. By now I left the new function in the original woocommerce file class-wc-product-variation.php, but it is not a good solution as if I update the plugin the modifications would be lost. HERE’S MY QUESTION: do you know where I should save it??

Thanks again
Elena

• This reply was modified 9 years, 8 months ago by elenapoliti.

Right now I solved it by changing the file shipping-form in woocommerce>templates>checkout at line 40

from

<label for=”ship-to-different-address-checkbox” class=”checkbox”><?php _e( ‘Shipping to a different address?’, ‘woocommerce’ );

to
<label for=”ship-to-different-address-checkbox” class=”checkbox”><?php _e( ‘Are you buying it for somebody else?’, ‘woocommerce’ );

But it will be deleted once the I update the WC

Thanks anyway

Thank you very much: that worked! However I am using a child theme. If I add your code to my own style.css (which would be very much preferable), it doesn’t. I have to add the code #top, but then the text caption appears on any screen size Do you have any suggestion?

I imagined it was hard, as it doesn’t seem to be controlled by CSS classes. However please give a look to this page

The first two images have a text caption that displays on hover. However the text doesn’t appear on a mobile device with the touch screen. Hence I would like that on touch screens the text will be displayed always.

Best regards

Elena

Hi Ismael, excuse my delay. You don’t find it because at the end I solved the problem by using a full-width submenu avia element that worked perfectly. I have an issue anyway concerning the full-width submenu aspect when it is in responsive mode. If I have many voices in the menu, in responsive mode it appears vertically, but I cannot scroll down all the voices. Is there a way to make it scrollable?

Thanks a lot

Elena

Hi Rikard, thank for your reply. Here’s an example

I’d like to have the widget “porva” list horizontally displayed and centered ( I have to take the date off, but I found an old post about how to do it!)

Cheers

Dear Vinnie, thanks for the suggestion, but I know how to write the css in order to have a skewed container. The problem is that som sort of custom CSS are not detected by Layer Slider in the front-end, although you can see it in the backend. For example, if I give some shade to my layers via custom CSS, that would work, but not the skeweness. I’ve read something about this issue, but I was wondering if you at Kriesi have found some solutions.

Best

Elena