Skip Navigation

[Resuelto] Previous support provided has stopped working – can you look at again?

This support ticket is created hace 3 años, 6 meses. 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
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

Etiquetado: 

This topic contains 8 respuestas, has 2 mensajes.

Last updated by larryB-3 hace 3 años, 6 meses.

Assisted by: Luo Yang.

Autor
Mensajes
#1769721

Previously Shane you had this working well https://toolset.com/forums/topic/outputting-a-list-of-ids-for-repeating-gallery-image-custom-field-in-custom-post/ but it has stopped working and for the life of me I can't figure out why. Can you assist again? Maybe some upgrade in WordPress broke it???

#1770213
image-gallary.JPG

Hello,

I have checked the thread you mentioned above:
https://toolset.com/forums/topic/outputting-a-list-of-ids-for-repeating-gallery-image-custom-field-in-custom-post/#post-1712783
The credentials was removed, but I can get the your website URL:
hidden link

It seems to work fine, see my screenshot image-gallary.JPG

Is this problem resolved?

Since it is a custom codes problem, if you need more assistance for it, please provide your website credentials in below private message box, also point out the problem page URL and where I can edit your PHP codes.

#1770695

Thanks for reviewing. Please request log in credentials so that I can provide. The thumbnails on the screen was my back up method. There should be a slider appearing above them that shows 6 images and then left and right arrows to see additional images, this is no longer working for some reason.

#1771475

Hello,

Please provide your website credentials in below private message box, also point out the problem page URL and where I can edit your PHP codes.

Private message box enabled again

#1772801

Thanks for the details, the problem is in your [gallery] shortcode, I have tried it directly in your website page:
hidden link

<p>gallery:</p>
<br />
[gallery columns='6' ess_grid_gal='project-thumbnail-slider' ids='356,357,358,359,360,361,362' orderby='rand']

It does not output any result in front-end:
hidden link

I suggest you try to fix the [gallery] shortcode first.

And I have tried it without attribute "ess_grid_gal", it works fine in front-end, for example:
[gallery columns='6' ids='356,357,358,359,360,361,362' orderby='rand']

#1774207

Ok, I want to try another way. I found this video on create a toolset slider from dynamic image field to make a slider but it's all done in block builder. hidden link

How do I do this using the non-block builder. I'm using Toolset Layouts for the CPT single page.

#1774775

So I cloned my site and then created a new temporary content template to use blocks to build a slider that I wanted and the selected the HTML version and brought that back to the live production site. Here's the code I was able to generate:

<div class="tb-image-slider" data-toolset-blocks-image-slider="1">
<div class="tb-image-slider--carousel tb-image-slider--crop glide" data-glide-number-slides="6" data-glide-tablet-breakpoint="781" data-glide-tablet-number-slides="4" data-glide-phone-breakpoint="599" data-glide-phone-number-slides="2">
<div class="glide__arrows" data-glide-el="controls"><button class="glide__arrow glide__arrow--left" data-glide-dir="<"><span class="tb-slider-left-arrow"></span></button><button class="glide__arrow glide__arrow--right" data-glide-dir=">"><span class="tb-slider-right-arrow"></span></button></div>
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides">[wpv-for-each field="wpcf-gallery-image"]</p>
<li class="glide__slide"><a href="[types field='gallery-image' output='raw'][/types]" data-lightbox="8311e904-b0b4-46d6-bf01-f9f827a274f9">[types field='gallery-image' alt='%%ALT%%'][/types]</a></li>
<p>[/wpv-for-each]</ul>
</div>
</div>
</div>

This works well except, I can't see to force the code to display "thumbnail" size images instead of full images just downsized for the thumbnails and I didn't see a way to change the size of the thumbnails. I'm fudging it somewhat with this CSS:

.tb-image-slider--crop .glide__slide img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 200px !important;
    width: 100%!important;
}

Surely there is a better way to do this in a site not built with Blocks but with classic editor.

#1775201

In the codes you mentioned above, it is using below shortcode to display the image:
[types field='gallery-image' alt='%%ALT%%'][/types]

You can add "size" attribute in it, for example:
[types field='gallery-image' alt='%%ALT%%' size='thumbnail'][/types]

And test again.

More help:
https://toolset.com/documentation/customizing-sites-using-php/functions/#image
size:
custom image size | 'full' | 'large' | 'medium' | 'thumbnail'

#1782695

My issue is resolved now. Thank you!

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