link in progress bar

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 13 replies, 3 voices, and was last updated 10 years by Kyle – SUPPORT.

Viewing 14 posts - 1 through 14 (of 14 total)

Back to forum

Posted in: Dante

August 11, 2014 at 9:19 am #99775

cecconello

Member

Post count: 9

Hi!
I would like to make each item of the progress bar a link to another page of the site.
Can you suggest me how to modify the shortcode in order to get this?
Thank you so much!

August 11, 2014 at 11:01 am #99847

Melanie – SUPPORT

Member

Post count: 11032

Hi,

in shortcodes.php find the code

	/* SERVICES PROGRESS BAR SHORTCODE
	================================================= */
	
	function sf_progress_bar($atts) {
		extract(shortcode_atts(array(
			"percentage" => '',
			"name" => '',
			"type" => '',
			"value" => '',
			"colour" => ''
		), $atts));
		
		if ($type == "") { $type = "standard"; }
		
		$service_bar_output = '';
		
		$service_bar_output .= '<div class="progress-bar-wrap progress-'.$type.'">'. "\n";
		if ($colour != "") {
		$service_bar_output .= '<div class="bar-text"><span class="bar-name">'.$name.':</span> <span class="progress-value" style="color:'.$colour.'!important;">'.$value.'</span></div>'. "\n";
		$service_bar_output .= '<div class="progress '.$type.'">'. "\n";
		$service_bar_output .= '<div class="bar" data-value="'.$percentage.'" style="background-color:'.$colour.'!important;">'. "\n";
		} else {
		$service_bar_output .= '<div class="bar-text"><span class="bar-name">'.$name.':</span> <span class="progress-value">'.$value.'</span></div>'. "\n";
		$service_bar_output .= '<div class="progress '.$type.'">'. "\n";
		$service_bar_output .= '<div class="bar" data-value="'.$percentage.'">'. "\n";		
		}
		$service_bar_output .= '</div>'. "\n";
		$service_bar_output .= '</div>'. "\n";
		$service_bar_output .= '</div>'. "\n";
		
		global $sf_has_progress_bar;
		$sf_has_progress_bar = true;
		
		return $service_bar_output;
	}
	
	add_shortcode('progress_bar', 'sf_progress_bar');

and replace it with

	/* SERVICES PROGRESS BAR SHORTCODE
	================================================= */
	
	function sf_progress_bar($atts) {
		extract(shortcode_atts(array(
			"percentage" => '',
			"name" => '',
			"type" => '',
			"value" => '',
			"colour" => '',
			"link" => ''
		), $atts));
		
		if ($type == "") { $type = "standard"; }
		
		$service_bar_output = '';
		
		$service_bar_output .= '<div class="progress-bar-wrap progress-'.$type.'">'. "\n";
		if ($colour != "") {
		$service_bar_output .= '<a href="'.$link.'"><div class="bar-text"><span class="bar-name">'.$name.':</span> <span class="progress-value" style="color:'.$colour.'!important;">'.$value.'</span></div>'. "\n";
		$service_bar_output .= '<div class="progress '.$type.'">'. "\n";
		$service_bar_output .= '<div class="bar" data-value="'.$percentage.'" style="background-color:'.$colour.'!important;">'. "\n";
		} else {
		$service_bar_output .= '<div class="bar-text"><span class="bar-name">'.$name.':</span> <span class="progress-value">'.$value.'</span></div>'. "\n";
		$service_bar_output .= '<div class="progress '.$type.'">'. "\n";
		$service_bar_output .= '<div class="bar" data-value="'.$percentage.'">'. "\n";		
		}
		$service_bar_output .= '</div>'. "\n";
		$service_bar_output .= '</div></a>'. "\n";
		$service_bar_output .= '</div>'. "\n";
		
		global $sf_has_progress_bar;
		$sf_has_progress_bar = true;
		
		return $service_bar_output;
	}
	
	add_shortcode('progress_bar', 'sf_progress_bar');

This should leave you with the new attribute link=”…” to use within the shortcode!

Let me know if it worked. If it didn’t work, please post up your website URL with the faulty code on it!

August 11, 2014 at 12:24 pm #99914

cecconello

Member

Post count: 9

Hi thanks a lot.
I’ve just tried to do it, but I get the error you can check here: http://www.simonacolonna.it/geo_eng/wp-admin/theme-editor.php?file=swift-framework%2Fshortcodes.php&theme=dante&scrollto=16107&updated=true

I also attached a screenshot of the error, please let me know what I can do!
Thanks