Skip Navigation

[Resolved] Parallax effect for uploaded image

The Toolset Community Forum is closed, for technical support questions, please head on to our Toolset Professional Support (for paid clients), with any pre-sale or admin question please contact us here.

This thread is resolved. Here is a description of the problem and solution.

Problem: I would like to create a parallax effect using an image that was uploaded to a custom field.

Solution: There's no way to set up Parallax effects directly with Views or Types. You can access the URL of an image from a custom field with the wpv-post-field shortcode. You can use that shortcode in your HTML to specify a background image for a div like this:

<div style="background-image:url('[wpv-post-field name='wpcf-lifestyle-image']'); width:100%; height:200px;"></div>

This type of custom interface requires custom code, which falls outside the scope of the support we provide here.

Relevant Documentation:
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-post-field

This support ticket is created 6 years, 12 months ago. There's a good chance that you are reading advice that it now obsolete.
This is the community support forum for Types plugin, which is part of Toolset. Toolset is a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients and people who registered for Types community support can post in it.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 3 replies, has 2 voices.

Last updated by Christian Cox 6 years, 11 months ago.

Assisted by: Christian Cox.

Author
Posts
#602177
Front-end.jpg
Back-end.jpg

Hello and Happy Holidays!
I would like to ask you if you can advice me if there is any way to make an image which isn't set through the method of - background: url(''); to be with Parallax effect.

Instead of that the image is uploaded directly through a Custom Post Field and through some CSS is made to be as a background for a section.

The idea is that the image would be changed frequently for different Product Areas of the website but it should be with Parallax effect but currently I am not able to find a solution how to solve this.
If you can advice me if there is some option or setting of the Toolset that can make the uploaded images to have a Parallax effect ?

Thank you.
Best wishes and kind regards.

Have a good and successful day!

#602368

Hi, there's no way to set up Parallax effects directly with Views or Types. You can access the URL of an image from a custom field with the wpv-post-field shortcode. You can use that shortcode in your HTML to specify a background image for a div like this:

<div style="background-image:url('[wpv-post-field name='wpcf-lifestyle-image']'); width:100%; height:200px;"></div>

However, I'm not able to provide much assistance here in the forums. This type of custom interface requires custom code, which falls outside the scope of the support we provide here. If you need professional help setting up a parallax effect, you can contact one of our certified partner contractors:
https://toolset.com/consultant/

#602538

Hi, Happy New Year!
Thank you for your advice I will check if I could solve this with the method you have mentioned.

Kind regards.
Have a good and successful day!

#602805

Okay that sounds great. Feel free to open a new ticket if you have additional questions.

The forum ‘Types Community Support’ is closed to new topics and replies.