Hey!

You could register a new shortcode which outputs the cart total. Insert this code into the child theme functions.php file or enfold/functions.php:

function avia_total_cart_ammount_shortcode() {
     global $woocommerce; $output = '';
     if(!empty($woocommerce->cart->get_cart_total())) $output = $woocommerce->cart->get_cart_total();
     return $output;
}
add_shortcode('av_total_cart', 'avia_total_cart_ammount_shortcode');

and use this code as menu item title:

<span aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span> [av_total_cart]

However the main problem is that it won’t update if the user clicks the “Add to cart” button on the shop page and imo this will irritate many users. Our cart icon opens the default woocommerce ajax cart widget which updates the amount automatically (via ajax) if the user adds a new item to the cart but the solution I provided above does not support such a feature.

Cheers!
Peter

Hey!

I checked the code and the problem is that the plugin loads the old isotope 1.5 version and we use the new 2.0 version for Enfold (which is the most recent and stable version: http://isotope.metafizzy.co/ ). Unfortunately the 1.5 version is not fully compatible with 2.0 and thus the plugin code triggers an error (i.e. it calls a method with the name ‘reLayout’ which is called ‘layout’ since 2.0). Unfortunately I see no easy way to fix this. You can suggest the plugin author to update to the new isotope script version but if they don’t want to the Social Stream plugin is incompatible with Enfold 2.8.x.

Regards,
Peter

Hey!

You can try a different lightbox like fancybox: http://fancyapps.com/fancybox/ if the default prettyphoto lightbox doesn’t work for you. I uploaded a child theme which removes the default lightbox and replaces it with fancybox here: http://www.mediafire.com/?05ho02ecut516hu – just activate the child theme and Enfold should use fancybox as default lightbox.

Cheers!
Peter

Hey webdevsd!

1) If you want to center align the text of the input field add this code to the quick css field:

#top .avia_ajax_form .text_input{
text-align: center;
}

2) In wp-content/themes/enfold/framework/php/class-form-generator.php replace:

		function text($id, $element)
		{
			$p_class = $required = $element_class = $value = "";
			
			$type = 'text';
			// if($element['check'] == "is_email") $type = 'email'; //cant use this because of ie8 + 9
			
			if(!empty($element['check']))
			{
				$required = ' <abbr class="required" title="required">*</abbr>';
				$element_class = $element['check'];
				$p_class = $this->check_element($id, $element);
			}

			if(!empty($_POST[$id])) $value = urldecode($_POST[$id]);

			$this->elements_html .= "<p class='".$p_class.$element['class']."' id='element_$id'>";
			$form_el = ' <input name="'.$id.'" class="text_input '.$element_class.'" type="'.$type.'" id="'.$id.'" value="'.$value.'"/>';
			$label = '<label for="'.$id.'">'.$element['label'].$required.'</label>';

			if(isset($this->form_params['label_first']))
			{
				$this->elements_html .= $label.$form_el;
			}
			else
			{
				$this->elements_html .= $form_el.$label;
			}

			$this->elements_html .= "</p>";
		}

with

		function text($id, $element)
		{
			$p_class = $required = $element_class = $value = "";
			
			$type = 'text';
			// if($element['check'] == "is_email") $type = 'email'; //cant use this because of ie8 + 9
			
			if(!empty($element['check']))
			{
				$required = ' <abbr class="required" title="required">*</abbr>';
				$element_class = $element['check'];
				$p_class = $this->check_element($id, $element);
			}

			if(!empty($_POST[$id])) $value = urldecode($_POST[$id]);
            if(empty($value)) $value = $element['label'];

			$this->elements_html .= "<p class='".$p_class.$element['class']."' id='element_$id'>";
			$form_el = ' <input name="'.$id.'" class="text_input '.$element_class.'" type="'.$type.'" id="'.$id.'" value="'.$value.'"/>';
			$label = '<label for="'.$id.'">'.$element['label'].$required.'</label>';

			if(isset($this->form_params['label_first']))
			{
				$this->elements_html .= $label.$form_el;
			}
			else
			{
				$this->elements_html .= $form_el.$label;
			}

			$this->elements_html .= "</p>";
		}

and

		function textarea($id, $element)
		{
			$p_class = $required = $element_class = $value = "";

			if(!empty($element['check']))
			{
				$required = ' <abbr class="required" title="required">*</abbr>';
				$element_class = $element['check'];
				$p_class = $this->check_element($id, $element);
			}

			if(!empty($_POST[$id])) $value = urldecode($_POST[$id]);

			$this->elements_html .= "<p class='".$p_class.$element['class']."' id='element_$id'>";
			$this->elements_html .= '	 <label for="'.$id.'" class="textare_label hidden textare_label_'.$id.'">'.$element['label'].$required.'</label>';
			$this->elements_html .= '	 <textarea name="'.$id.'" class="text_area '.$element_class.'" cols="40" rows="7" id="'.$id.'" >'.$value.'</textarea>';
			$this->elements_html .= "</p>";
		}

with

		function textarea($id, $element)
		{
			$p_class = $required = $element_class = $value = "";

			if(!empty($element['check']))
			{
				$required = ' <abbr class="required" title="required">*</abbr>';
				$element_class = $element['check'];
				$p_class = $this->check_element($id, $element);
			}

			if(!empty($_POST[$id])) $value = urldecode($_POST[$id]);
            if(empty($value)) $value = $element['label'];

			$this->elements_html .= "<p class='".$p_class.$element['class']."' id='element_$id'>";
			$this->elements_html .= '	 <label for="'.$id.'" class="textare_label hidden textare_label_'.$id.'">'.$element['label'].$required.'</label>';
			$this->elements_html .= '	 <textarea name="'.$id.'" class="text_area '.$element_class.'" cols="40" rows="7" id="'.$id.'" >'.$value.'</textarea>';
			$this->elements_html .= "</p>";
		}

If you want to overwrite the contact form class with a child theme I recommend to copy the entire class within the file (starting with:

if( ! class_exists( 'avia_form' ) )

into your child theme functions.php file and to modify the code there.

Regards,
Peter

Hi!

You can add this code to the quick css field (Enfold > Theme Options) or into the child theme style.css file. There’s no need to add it to the head section directly. If you really want to print the code directly you can insert this code into the functions.php file:

function my_custom_js() {
    echo '<style>
.fancy-1 {
    font-family:"Alex Brush", cursive;
    font-size: 2em;
}</style>';
}
add_action('wp_head', 'my_custom_js');

Cheers!
Peter

Hi!

If you just want to show/hide/replace some menu links on a certain page you can also activate the “conditional menu” which comes with Enfold. Just insert this code into the child theme functions.php file:

add_theme_support('avia_conditionals_for_mega_menu');

and Enfold will add some options to the menu page (Appearance > Menus) which help you to configure the visibility of the menu items.

Best regards,
Peter