Skip Navigation

[Gelöst] Slider with lightbox inside single post.

This support ticket is created vor 6 Jahre, 11 Monate. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
- 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 -
- 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 -

Supporter timezone: Europe/London (GMT+01:00)

This topic contains 20 Antworten, has 2 Stimmen.

Last updated by Nigel vor 6 Jahre, 10 Monate.

Assisted by: Nigel.

Author
Artikel
#530123

Hi team ,

i'm now moving into designing my detail page layout.
i notice there is not much guide on creating slider with light-box on single post.

i need to achieve this : hidden link and when clicked single image light should pop out like this : hidden link

all help will be very appreciated 🙂

#530162

i've download the flexslider module from https://toolset.com/home/module-manager/
i think this is not a plugin to be installed in wp as its contain xml file only ?

#530165

Nigel
Supporter

Languages: Englisch (English ) Spanisch (Español )

Timezone: Europe/London (GMT+01:00)

Hi there

Views provides a slider functionality, but it is for transitioning between posts and not between images added to the same post.

You can use the flex slider JS library to add such functionality.

The flex slider module should be imported using the module manager plugin, it cannot be used directly.

However, I will confess that I don't understand it, there isn't any documentation for it, and it is not commonly used.

I get asked about flex slider quite often and so I wrote detailed instructions on how to do that in another post: https://toolset.com/forums/topic/how-to-display-the-pics-i-uploaded-as-a-slider/#post-518295

Can you please try that and if you run into any problems let me know here?

#530174

Hi Nigel. thank you for the honest reply.

Yes i was wondering too. if flexslider is not widely used that what are the other recommended plugins that goes well or known to be go well with toolset . i'm thinking the envira gallery ?

regarding the guide, agree there should be one clear guide, i went through all search result to find answer but ended getting headache instead with the var unique replies.

thanks. ill go through the link and update soon. !

#530200

Nigel
Supporter

Languages: Englisch (English ) Spanisch (Español )

Timezone: Europe/London (GMT+01:00)

The problem is not with the FlexSlider gallery—it will work very well, as described in the linked post—the problem is with the Toolset FlexSlider module that was created long before I joined, and which I'm not sure what purpose it has. I have installed it and tried to use it, and found it easier to set it up from scratch myself.

It is actually fairly straightforward if you are reasonably comfortable editing files and enqueuing the required script and stylesheet.

Let me know how you get on.

#530204

ok.
That's very helpful as i can now ignore that toolset module download and work on the direct implementations.

#530215

HI Nigel. i have created my own layout for the property detail page.
what kind of "layout cell types " do i use to enter these code [from content template] . thanks mate

#530227

Nigel
Supporter

Languages: Englisch (English ) Spanisch (Español )

Timezone: Europe/London (GMT+01:00)

You should be able to add a Content Template cell (from the "Lists and Loops" section) and then choose the template you created, but if you are using Layouts you could dispense with the Content Template and add the markup directly to a Visual Editor cell for the layout you assign to your post type.

#530272

Thanks Nigel.

It begin to look better.
Now i guess i need to add some adj to achieve the thumbnail below the slider.

Btw , may i know what this code this and if its necessary ?

[wpv-post-body view_template="None"]

thanks mate !

#530325

Nigel
Supporter

Languages: Englisch (English ) Spanisch (Español )

Timezone: Europe/London (GMT+01:00)

The [wpv-post-body view_template="None"] shortcode is simply to insert the content of a post, whether you use it in a content template, the output of a View, or in a Layout.

As for modifying the slider, you can set the options when you instantiate the slider.

The source site for flexslider includes demonstrations of different styled sliders and shows the JS required to initialise it and any changes in the markup required.

See, for example: hidden link

#530362

Hi Nigel ,

Thanks mate !, working on it. it does look good now .

#530479

Nigel
Supporter

Languages: Englisch (English ) Spanisch (Español )

Timezone: Europe/London (GMT+01:00)

Good! Let me know if you need anything else or if we are done with this topic.

#530486

Oh yes, i totally forgot about the lightbox.
is there way to add lightbox fn to this ?

thanks

#530998

Hi Nigel,

the code below i am having issue to display the image caption/title at lightbox .

  • <a data-rel="lightbox-1" rel="lightbox" href="[types field="property-photo" url="true" resize="proportional" alt="%%CAPTION%%" title="%%CAPTION%%" class="pmlb"][/types]" >
    <img src="[types field="property-photo" size="medium" url="true" resize="proportional"][/types]" /> </a>
  • this is going on a loop. appreciate your expertise on this.

    #531042

    Nigel
    Supporter

    Languages: Englisch (English ) Spanisch (Español )

    Timezone: Europe/London (GMT+01:00)

    Sorry for the delay getting back to you, I have quite a few fairly time-consuming tickets in my queue which I'm working through as quickly as I can. I'll review this and reply to you tomorrow.

    Thanks for your patience.

    This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.