Adding an image on popover box

3 replies · opened Jun 2, 2016

WwebdsgnJun 2, 2016

Hello, Would you please give a source to add an image in the content section of popover?

HheadrushJun 3, 2016

Would you be so kind to share how you implement a standard popover element in canvas, I wanted to add these myself but cannot see in the canvas documentation.

SSemicolon WebSTAFFJun 3, 2016

Hello,

This is Definitely Possible. Please follow the Steps below:

  1. Please use the following HTML Code:
Popover: Custom HTML Content

	
Free Shipping on Orders of **$199** or above.

	
		
![attachment](demos/xmas/images/cards/visa.svg)

		
![attachment](demos/xmas/images/cards/mc.svg)

		
![attachment](demos/xmas/images/cards/pp.svg)

		
![attachment](demos/xmas/images/cards/sk.svg)

	
  1. Add the following JS Script at the bottom of the Page just after the js/functions.js File Linking:

	jQuery('.popover-custom-content').popover({
		html: true,
		content: function(){
			return jQuery("#custom-popover-content").html();
		}
	});

For more Options for the Popover Function, you can also checkout the Official Bootstrap Documentation: http://getbootstrap.com/javascript/#popovers .

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

WwebdsgnJun 3, 2016

It's perfect! Thanks you so much!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard