ms_slide_info shortcode use or how to access slide info outside slider

Hi Jason,
If you mean you want to know where is the slide info data and how you can edit and change the infos, You just need to go to Slides Tab and select your images that you want to change the slide info and below the images click on Slide Info tab. That’s it ??

Note: To enable Slide Info in your slider you need to go to Slider Controls tab, Then select Slide Info from Add new control dropdown list and add it.
After that you can change the position of Slide Info that would be inside or outside by clicking on Slide Info from Used controls section.

Regards,
Averta Support

No, I asked about a short code. I need to be able to control the location of where slide info shows on the page. I have a div it needs to be in but none of your documentation discusses this or has a solution that works. That’s why I asked about the short code.

Again, [ms_slide_info] just places an empty div at its location. How do I display slide info in a location I want? Not just “inside the slideshow or outside the slideshow.”

Hi,
You can only change Slide Info position in (right, bottom, left, top) from Slider Controls tab then select Slide Info from User controls list then change the align control to your desire state.

Note: When you choose Top or Bottom position make sure you set the height of Slide Info Height.

Regards,
Averta Support

okay, so since the shortcode doesn’t do anything accept put an empty ms-info div, can you tell me where/how your plugin stores the slide info in the database table? That will allow me to run my own query to display what I need, where I need it.

Thanks.

Or can I access it through the api like var getIndex = api.index();? If there’s an api to grab slide info, that would work perfectly.

Here’s what I’m trying to accomplish.

function(event){

var api = event.target;
var getIndex = api.index();

if (getIndex == 0)
{
var myimg = ‘https://site.com/wp-content/uploads/2016/01/Diagram-ste-5.png’;
}
if (getIndex == 1)
{
var myimg = ‘https://site.com/wp-content/uploads/2016/01/Diagram-ste-3.png’;
}

$(‘#howto’).html(‘<img src=”‘+myimg+'”>’);
}

I’d like to dynamically change “myimg” to the correct image that we place in slide info, which would change on slide change.

Hi,
Slide info is for slides not for slider!
You can get current slide index via this code:

masterslider_instances[0].api.index()

You can read this documentation also:
https://docs.averta.net/display/mswpdoc/Slider+APIs+and+Callbacks

Regards,
Averta Support

Did you look at my code above? I already have the index. I am asking if there is a way to access slide info via api. I showed you my code so you can understand what I’m trying to do. Who said anything about slide info being for the overall slider? I need access to the data in slide info, which I’ve made perfectly clear over and over.

If there is an api to get slide info, I can use it to dynamically populate “myimg” based on the slide being shown. Or, tell me how you store slide info in the table. Is it encrypted?

Hi there,

Yes, we checked the sample code but you didn’t explain what you want to achieve. If you want to get the slide info content, it’s easy, just insert a jQuery selector in slide change end callback and get the slide info HTML content: jQuery('.ms-info').html();. Please note that slide info data is only available when the control is added to the slider, otherwise, it’s not accessible in front-end.

Additionally, you can change the location of slide info in DOM tree by jQuery after the slider initialization, you just need to re-append the slide info element to another element in your page. jQuery('.ms-slide-info').appned('another element');. In this way, you may need to make some customizations in the slider styles.

About having access to the data in back-end, it’s not recommended since the slide info data is stored in a large object.

Regards
Averta