Skip Navigation

[Resolved] Is this display possible with content template/Divi?

This support ticket is created 6 years, 1 month ago. 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.

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/Karachi (GMT+05:00)

This topic contains 8 replies, has 2 voices.

Last updated by lawrenceK 6 years, 1 month ago.

Assisted by: Waqar.

Author
Posts
#1127302

Is it possible to create the banner image layout as shown here using Toolset content template and Divi ?: hidden link

#1127305

Hi Lawrence,

Thank you for contacting us and I'll be happy to assist.

The Divi builder seems to include a built-in feature to show a hero image/banner section, as explained in the following guides:
hidden link
hidden link

For the most accurate and up-to-date information about its features, I'll recommend consulting its official support and documentation:
hidden link

You can integrate your content created through Divi builder, into Toolset Views plugin's content template, as explained in the following guide:
https://toolset.com/documentation/recommended-themes/toolset-divi-integration/create-templates-for-custom-post-types-with-divi-builder-and-toolset/

I hope this helps! Please let me know if you need any further assistance.

regards,
Waqar

#1127411

Hi Waqar

Thanks for the reply. I am quite comfortable with creating Divi layouts so my issue relates more to populating the text area of the banner using Toolset fields. For example, how would I display the post title in a divi fullwidth header using Toolset field codes as Divi would not parse/process such codes, but rather display them as text?
UPDATE: Divi DOES process the Toolset codes, this is awesome!

If you can guide me through the Toolset side of things I am happy to implement it through Divi. So, on the linked page for example, "Multi-Purpose GNSS Receiver" would be the title of my custom type and I would want to display that as the title in the Divi full width header module. How would I go about doing that?

Resolved, apologies Waqar, I should have tested thoroughly before opening a ticket.

#1127413

My issue is resolved now. Thank you!

#1127414

One additional question: Is it possible to specific the Divi banner image via the Toolset dynamic content e.g. if I want the banner image for each product to be an image of the product??

#1127490

Hi Lawrence,

Thanks for the update and glad you're making progress with Divi + Toolset integration.

When you'll be creating a Views content template, using a Divi builder, you'll be able to get the dynamic content (including the images), from the Toolset fields.

This video tutorial will make this more clear:
hidden link

Please let me know if you have further questions.

#1127512

Thanks Waqar, that video does not answer my question. The Divi header only accepts an image selected from the medial library as background. My question is whether there is a workaround to dynamically insert a product image as the banner image.

#1128084

Hi Lawrence,

Thank you for clarifying that.

If you're interested in using Toolset's dynamic content outside the content templates, you'll need to add some customization.

The Types Fields API will allow you to get values in either direct PHP code or through shortcodes:
https://toolset.com/documentation/customizing-sites-using-php/functions/

My first recommendation would be to consult Divi builder's documentation and support team, to see if the header feature supports some hook or filter to programmatically change the background image's URL.
( ref: hidden link )

If there is no such option, you can alternatively construct some custom CSS code to override the default background image for the header image and load it to the website using "wp_head" hook.
( ref: https://codex.wordpress.org/Plugin_API/Action_Reference/wp_head )

Specific custom programming such as this is beyond the scope of our support, but as needed, you can consider contacting one of our certified consultants from this link:
hidden link

You will get the custom assistance you need to get on with your project.

Please let me know if there's anything else I can help you with.

#1128090

I'll review the information provided and will attempt to resolve the issue.