วีดีโอ

Hey Donovan! Check out "data-x-slide-goto-keep-active" in this docs article: theme.co/docs/sliders#custom-attributes

Hey Donovan! Check out "data-x-slide-goto-keep-active" in this docs article: theme.co/docs/sliders#custom-attributes

Yep, you can definitely use Dynamic Content in your custom JS. In your example, you probably want to put that into a string like so: let contentBody = "{{dc:p:contentBody}}"; You also might need to escape the string with Twig if you are using HTML (theme.co/docs/twig). Cheers!

Glad you enjoyed it! We touch on this a bit in Super Loopers (theme.co/super-loopers/) with topics like this: facebook.com/yourthemeco/videos/263742406040552

Very glad you found the video helpful. You can sometimes change the ACF output to be just a URL or title, but if you want to display both those data points using dot notation to grab object data can be the way to get data you have referenced. Cheers!

Thanks for the suggestion - we'll keep that in mind for future episodes.

i'd love to see that too!

Many thanks! You probably will want to see the guide on ACF Pro repeater fields. Have a great day. th-cam.com/video/ncnXpRW4G_M/w-d-xo.html

Fantastic, thanks for letting us know!

Howdy! X includes Cornerstone's Page Builder, and Pro includes everything (Header Builder, Footer Builder, Layout Builder, Grid Editor, etc). This is how it's always been since Pro came out in 2017. You can manage headers and footers in X by following these instructions: theme.co/docs/header and theme.co/docs/footer. If you'd like to take advantage of all the additional features, you can upgrade to Pro from the license page in your Themeco account or by purchasing a license here: theme.co/pro#pricing

Sure thing! You could always link out to the PDF directly if it's hosted on the site and take the link directly to that URL. If I'm understanding you correctly.

We think so too!

Our pleasure!

Internally, WordPress uses the <object/> tag to display a PDF. Using the same Dynamic Content in the video you would paste something like this in a Raw Content Element, where data is the file URL. Have a great day. <object data="{{dc:acf:post_field field='doc_file'}}" type="application/pdf" style="width:100%;height:600px"></object>

Currently you can't loop over attachments in our Query Builder. The problem being you can't select the attachment post type and we don't have controls over the post status. You could either use the query string (keeping in mind the post status issue alluded to earlier) and filter by the attachment author or setup a User Meta field in ACF that you could add multiple attachments to a user. Have a great day.

Awesome, it's a great quality of life improvement for PDFs.

Fantastic, let us know how it goes!

You'll need to make one - I haven't found something that would make that happen. Add it as the featured image, use a screenshot of the first page for instance.

Hey Uli, I don't think any of the 3rd party PDF tools would support something like that, but it would be very easy to do in Cornerstone as Bill suggested.

@@bill-hodgson As manually creating screenshots is no option, in one case I used the "PDF Thumbnail Generator" plugin. It creates a thumbnail for every uploaded pdf, the thumbnail's filename is the original pdf-filename + ".jpg", so it can be shown by something like <img src="{{dc:acf:post_field field="doc_file"}}.jpg"></img>. I hoped there would be some native WP / Cornerstone way to do it without needing another plugin.

Happy to hear it!

Thanks for the perspective.

Using a CPT can give you more control over things like visibility or mass manipulating. As we saw in the video, you could create your own post type template. You could always use a normal page.

Getting those controls to work responsively is something we are working towards. This currently can only be done with Parameters and using Custom CSS.

This currently can only be done with Parameter images and using Custom CSS. We have a Dynamic Content formatting type called "image-css-url" theme.co/docs/dynamic-content#image-css-url . Making those responsive is something we are working towards.

You can definitely display username and other user info. However passwords are encrypted and you cannot display that on a user portal.

@@yourthemeco Thank you for responding. I might not be understanding the use case for this portal, but can I use this for individual users, each with their own personal login and portal information?

I think the confusion is that this is focused on the building of the actual portal, not the login aspect. There are multiple ways that could be managed from the basic WordPress login all the way to something more dedicated.

@@yourthemeco Ah. Awesome that’s what I figured. Will you be doing a follow up video regarding that aspect? Thanks again! And again… Love the videos. So helpful and useful!!

Most welcome! There aren't any plans at this time as that is pretty easy to do natively with WordPress. The harder part is building what they see once they login.

Thanks Stacey! Could you give a little more context or example of what you’re trying to achieve?

@@yourthemeco I've been working on a custom post type and needing to include unique files for each post that the viewer can download. So, say you have a custom post type "Services" for posting all of your services of your company. I would enter all the details about the services and then would like to upload multiple files that can be download by the viewer to learn more. Examples of those files could be a pdf of a flyer for that service, how to guides, part specs, etc. Then on the service page would be a file download page that shows the title of each file uploaded and link to download. I've been trying to do the file array option to get the title and url of the file on the output but have struggled to make it happen. I was able to get the output to show the complete array but unable to pull out the information I needed such as "title" and "url". I went ahead and used the output type of the repeater to "URL" instead of "Array" so I can use the url to hyperlink text of "download file". A bonus tip would be, how to turn off the dowload section if there isn't any files uploaded. I hope that makes sense!

If you have the output as "File Array", you can use looper field dynamic content. It would be {{dc:looper:field key="url"}} and {{dc:looper:field key="title"}} respectively. You can use a condition if the ACF field is empty + Twig. This {{ acf.post_field({"field":"files"}) | length }} would be 0 if your ACF field is empty.

A member of the team would be happy to help in our support forum.

Like a fine wine :)

Love hearing that, Hendrik. More on the way!

Very welcome!

They are managed from menus in the WordPress backend. Check out this article: theme.co/docs/how-to-set-up-navigation

There are a variety of choices ranging from "Once,” "Never,” or a specific time frame. It is cached based on the parameters you are sending to the API. More information can be found here: theme.co/docs/external-api-integration#cache

@yourthemeco Gotcha, that makes sense. What about images? If there was an api call returned with an image url, will it cache the url call to the image? Can you connect these calls through a CDN that stores all the images?

The image would be cached on a users page and not served from your site. If a CDN had an API where you could pass it a URL and it would give you back a URL to display on your page that would work. However the API you are using is probably already using a CDN and serving the images it sends you directly is probably fine.

Right back atcha!

Our pleasure! Love hearing other people's approach as well. One of the many super powers of Cornerstone is allowing multiple paths to get to a similar outcome.

Most welcome, more to come!

Fantastic, happy to hear it!

Thanks! Are you asking about a video on filtering in WooCommerce?

100%! And that with Some smart functions of cornerstone, (pro) and build it from scratch! Filtering some products based on tags and price or something. And yes! Im asking! Haha

Will definitely keep in mind. Just recently launched a WooCommerce Tips category for this series: theme.co/blog/woocommerce-tips

Hi There, a member of the team would be happy to help with custom code via our One service: theme.co/one

We're not sure how you are seeing that just from your comment. Feel free to jump into our forum, and we'll get you squared away.

That happens stock standard as soon as you create a WooCommerce Archive. If you turn off header, this disappears

Check the Shop settings in Theme Options, then if you need anything further a member of the team would be happy to take a look in the forum.

"x-bar-fixed" is a class that is added to the Header when it is fixed and shrunk. Using that you can shrink your logo when the header is fixed via ".x-bar-fixed $el { ... }" via Custom CSS in the Customize tab. We'd be happy to help with this custom coding via our One program (theme.co/one).

6.5.0+

Many thanks!

This is possible with our Slider API (theme.co/docs/slider-api) checking the current slide on the slider and adding the class "x-active" if it is the current slide is also the goto trigger. We're considering adding this as the default behavior to our sliders as well. If you use the Element "Slider Pagination" this could possibly achieve what you are trying to do. Thanks for the feedback.

We have color controls called "Interaction" that handle the hover look and feel. We place the class x-active on any toggleable Element that is currently active. Besides that I think you can target the styling through $el:active {} in custom css. Is that what you were referring to?

Most welcome!

Were not 100% sure what you are trying to do here. You can use String expressions and use the Dynamic Content {{dc:url:path}} to do conditions based on a website URL. So that a button is only showing on certain pages. Feel free to hop into our forum for additional help as well.

@@yourthemeco got it sorted, thanks so much tho!