Themeco
Themeco
  • Видео 177
  • Просмотров 397 810
How to Style Active States in WordPress with Cornerstone
Designing a beautiful website is about getting all the many pieces that comprise your website just right. This includes both the layout and design in addition to many more fine details that are easy to overlook. One of those details is something called active states, and in this video, we're going to show you how to leverage Cornerstone's impressive lineup of native design controls to build truly incredible user experiences.
Build better more creative websites using the most advanced builder in WordPress: theme.co/pro
Don't miss a thing! Follow us here:
Facebook: yourthemeco
X: yourthemeco
#wordpress #webdesign #statemanagement
Просмотров: 239

Видео

How to Create Scroll Based Navigation in WordPress (Jump Links)
Просмотров 51814 дней назад
One page navigation is a pretty common convention in the world of website building. Generally, however, this is global in nature and used throughout the site. But what happens if you need a one off navigation for a page or section? Is there a way to create scroll based navigation (also called jump links) on a page by page basis while retaining your global navigation? Not only is this possible, ...
Create Beautiful Mega Menus in WordPress with Cornerstone
Просмотров 642Месяц назад
Cornerstone allows you to build anything you can imagine, and this extends to the navigation of your website. And let's not forget, this is in addition to the many native Mega Menu Elements and standard Navigation Elements available in the builder. Follow along as we show you how to recreate a very popular menu inspired by Apple while touching on Cornerstone's Aria Labels and other quality of l...
The Better Way to Display PDFs in WordPress
Просмотров 7992 месяца назад
If you've worked with a website for any length of time, chances are you've needed to display, embed, or access PDF documents for yourself or clients. There are multiple ways to do this, and in today's video, we're going to show you a great process to both visualize and design the way PDFs are presented on your WordPress website. Without further ado, let's dive in. The Cornerstone Builder is bri...
Build a Custom Portal & Account Dashboard in WordPress with Cornerstone and ACF
Просмотров 1,3 тыс.2 месяца назад
If we've said it once, we've said it a thousand times: you can build anything with the Cornerstone Builder. In addition to standard layouts and pages, this also includes the more custom implementations like that of a dashboard or portal that normally require extensive custom coding or numerous 3rd party plugins. This could be a login page for customers, account and download area, dashboard admi...
Full Width Right or Full Width Left Layouts in WordPress
Просмотров 9153 месяца назад
Cornerstone gives your website limitless layout possibilities, and today we're going to show you how to create one of the most popular website layouts in the world. Full width layouts with content on the left or right are a pretty standard convention, but did you know Cornerstone gives you all the native controls you need to make it look exceptional? Follow along as we show you how to align con...
The Best Web Design Tool for WordPress
Просмотров 5493 месяца назад
Like web effects? Done right, they can be the perfect flourish to add to your website. And thanks to Cornerstone, you have dozens of native effects right at your disposal! In today's video, we're going to jump into the design end of things and show you how to create a frosted glass effect with text on a photo background. There are many other design options as well, and you can do it all nativel...
Creative Website Effects in WordPress (no custom code)
Просмотров 7263 месяца назад
Web effects can give your website that individual design personality you've been looking for, however there's just one little problem. Generally, this is not easy to do without custom code or 3rd party plugins. Thankfully you don't need either with the Cornerstone Builder! In today's video, follow along as we show you how to leverage Cornerstone's all native background effects and layering effe...
How to Use Slider Triggers in WordPress with Cornerstone
Просмотров 8414 месяца назад
If you're not using Sliders on your website, you should! We think Sliders are an incredible way to build highly engaging websites...so much so that we created an entire course on the topic (theme.co/modern-sliders/). In today's video, we're going to show you how to leverage Cornerstone's helpful slide triggers to create some truly magical implementations. Without a doubt, Sliders are one of the...
One Simple Trick for Better Web Typography (Fluid Scale)
Просмотров 7214 месяца назад
Web typography got you down? Managing type sizes across different screen sizes and devices can be a real challenge, even in the modern age. But did you know the powerful Cornerstone Builder allows you to make managing it all a breeze? Say hello to fluid scale typography and discover the better way to work with your copy. Learn about Cornerstone's native typography options: theme.co/docs/typogra...
Real Time Cart Count in WordPress with WooCommerce
Просмотров 6155 месяцев назад
Looking for a way to add a real time counter for your cart? You know the type where a customer adds something to their cart and the number automatically increases? Thankfully this is very easy when you are using Cornerstone - the most advanced website builder in WordPress! Even better, this tutorial will show you just one example of how to leverage all native Cornerstone features to build your ...
How to Override the Number of Posts Per Page in WordPress
Просмотров 5225 месяцев назад
Cornerstone gives you virtually limitless ways to customize your blog, post, and archive layouts in WordPress (not to mention custom post types as well). In today's video we're going to show you how a little PHP can override the default WordPress settings and allow you to have different outputs for different pages. Here is a text file that includes the PHP from the video: go.theme.co/overridese...
(Part 2) How to Use Templates & Filters with Twig and the Cornerstone Builder
Просмотров 5086 месяцев назад
Twig allows you to tap into Dynamic Content in virtually limitless new ways. In today's tutorial, we're going to continue our hot sauce example and show you how to add a "Load More" button to the content we created in the previous video (ruclips.net/video/bu4SBJPAvPY/видео.html). About Twig: theme.co/docs/twig About Cornerstone: theme.co/docs/twig Don't miss a thing! Follow us here for the late...
How to Use Templates & Filters with Twig and the Cornerstone Builder
Просмотров 7936 месяцев назад
Twig is a major addition to the power and reach of Dynamic Content in Cornerstone. After all, we take our title of being the most advanced builder in WordPress very seriously! In addition to being a "no code" way of working with Dynamic Content, Twig incorporates literally thousands of other ways of accessing, manipulating, and working with dynamic data. In today's video, we're going to show yo...
How to Create Gradient Text in WordPress
Просмотров 9456 месяцев назад
A beautifully crafted website is all about the details, and in today's video, we're going to show you how to create an elegant gradient text effect in WordPress using the one and only Cornerstone Builder! Learn more about the all-important Text Element: theme.co/docs/text Ready to build better websites? Cornerstone is the most advanced website builder in WordPress! theme.co/pro #wordpress #webd...
How to Build Fantastic Footers in WordPress with Cornerstone
Просмотров 1,1 тыс.6 месяцев назад
How to Build Fantastic Footers in WordPress with Cornerstone
How to Use Toggles in WordPress with the Cornerstone Builder
Просмотров 9197 месяцев назад
How to Use Toggles in WordPress with the Cornerstone Builder
Say Hello to Dynamic Content 2.0 (Twig)
Просмотров 1,3 тыс.7 месяцев назад
Say Hello to Dynamic Content 2.0 (Twig)
Get Flexbox Gap Support in WordPress with Cornerstone (plus Pre-Fabs)
Просмотров 6657 месяцев назад
Get Flexbox Gap Support in WordPress with Cornerstone (plus Pre-Fabs)
How to Create Placeholder Images in WordPress with Cornerstone (No Plugin Required)
Просмотров 1,1 тыс.7 месяцев назад
How to Create Placeholder Images in WordPress with Cornerstone (No Plugin Required)
How to Create Stunning Sliders in WordPress (from Scratch)
Просмотров 1,7 тыс.8 месяцев назад
How to Create Stunning Sliders in WordPress (from Scratch)
What is the Difference Between Fluid Text and Responsive Text?
Просмотров 7638 месяцев назад
What is the Difference Between Fluid Text and Responsive Text?
How to Create This VERY Popular Blog Layout in WordPress
Просмотров 1,5 тыс.8 месяцев назад
How to Create This VERY Popular Blog Layout in WordPress
How To Make Beautiful Animated Headlines in WordPress with the Cornerstone Builder
Просмотров 1 тыс.8 месяцев назад
How To Make Beautiful Animated Headlines in WordPress with the Cornerstone Builder
How to Create Custom Responsive Controls for Elements in WordPress with the Cornerstone Builder
Просмотров 6269 месяцев назад
How to Create Custom Responsive Controls for Elements in WordPress with the Cornerstone Builder
How to Create Native Coming Soon Pages in WordPress with the Cornerstone Builder
Просмотров 5239 месяцев назад
How to Create Native Coming Soon Pages in WordPress with the Cornerstone Builder
How to Create Global Parameters in WordPress with the Cornerstone Builder
Просмотров 7159 месяцев назад
How to Create Global Parameters in WordPress with the Cornerstone Builder
The Power of Self-Looping Parameter Elements in WordPress
Просмотров 8779 месяцев назад
The Power of Self-Looping Parameter Elements in WordPress
Cornerstone Design Systems
Просмотров 2,2 тыс.10 месяцев назад
Cornerstone Design Systems
How to Use Atomic Design When Building a Website
Просмотров 1,3 тыс.10 месяцев назад
How to Use Atomic Design When Building a Website

Комментарии

  • @LasstUnsSpielen
    @LasstUnsSpielen 7 дней назад

    At 6:24 you typed 1em into the Gap setting and it automatically went from the px units to ems. How did you achieve that? That has always been a feature i wanted. When I type in 1em when its already set to px it stays that way.

    • @yourthemeco
      @yourthemeco 7 дней назад

      You can simply type "em" and it will update the setting or click into the label on the right and a dropdown will appear with the other unit measurement options.

    • @LasstUnsSpielen
      @LasstUnsSpielen 2 дня назад

      @@yourthemeco I just tried that and it didn’t work. But your comment made me try it harder, so I realized: I have to press enter after typing the unit. That’s what I was missing the whole time. Thanks!

    • @yourthemeco
      @yourthemeco 2 дня назад

      Most welcome!

  • @laichiclothing
    @laichiclothing 8 дней назад

    I need help with wordpress integration with external apparel api s&s activewear, how much would charge?

    • @yourthemeco
      @yourthemeco 7 дней назад

      Hi There, check out Total Care for more information. theme.co/docs/how-to-use-your-one-plan

  • @AshleyWilliams-i9b
    @AshleyWilliams-i9b 10 дней назад

    Hi there Josh, I am currently having an issue in which my sliders are not displaying on frontend section of my site however within the editor/cornerstone builder I see them perfectly fine

    • @yourthemeco
      @yourthemeco 10 дней назад

      Hey Ashley! Head on over to the support forum, and we'll be happy to take a look. theme.co/forum. If support has expired, you can renew it with one of these options: theme.co/docs/getting-support

  • @guapx8888
    @guapx8888 16 дней назад

    Firstly, thanks josh! The constrain IPSUM LOREM text in the headline isnt working for me. Here is the code i am using: {{dc:post:excerpt fallback="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." length="25"}} Any ideas?

    • @yourthemeco
      @yourthemeco 11 дней назад

      We're not really sure what is going wrong with your dynamic content. It should work just fine. Feel free to hop into our forum and we'll get you squared away.

  • @guapx8888
    @guapx8888 18 дней назад

    Hi, thanks for great video. How do i get the space to appear in the "total page heading" text, e.g. to show as "2 ->" instead of "2->". You have the same issue in the video, but then it just fixes itself somehow with no actions taken. For me, issue appears in cornerstone and on frontend. How to fix? (There is a "gap" option which solves it; but this seems a bit clunky as its not needed on the "current page heading" setting.)

    • @yourthemeco
      @yourthemeco 11 дней назад

      We don't explain it in the video, but I believe when you have a progress bar that is not pushing up on the headline it ends up spacing itself better. You could also add a custom width to the Graphic Icon "Width" setting in the headline element. If you don't see the gap control, try updating to Cornerstone 7.5 or Pro 6.5, that feature was introduced in that version. Cheers!

  • @RealBruce
    @RealBruce 25 дней назад

    Josh, I only discovered these videos this week after many iterations of experimentation and trying to consult themeco documentation. Why on earth I didn't notice this channel before is beyond me but... **thank you** - I am now seeing the light.

    • @yourthemeco
      @yourthemeco 21 день назад

      We're glad you found our channel!

  • @originaljoshuabryant
    @originaljoshuabryant 27 дней назад

    Amazingly useful - thanks!

  • @AyushDharmadhikari
    @AyushDharmadhikari 28 дней назад

    Create a Real-Time Stock Ticker App in WordPress with Cornerstone- I recenthly saw this video and I am wondering how you got the cornerstone plugin? I am using localhost for me but I cannot seem to access cornerstone plugin, can you provide any inputs on this issue? Appreciate your help!

    • @yourthemeco
      @yourthemeco 25 дней назад

      Howdy! You can purchase the Cornerstone Builder here: theme.co/pricing.

  • @freetimejunkie
    @freetimejunkie Месяц назад

    Genius

  • @donovansmith7310
    @donovansmith7310 Месяц назад

    Hey Josh, how would we keep the column one hover state constant until they hover another column?

    • @yourthemeco
      @yourthemeco Месяц назад

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

    • @donovansmith7310
      @donovansmith7310 Месяц назад

      @@yourthemeco As always Josh, you are seriously the best.

  • @LasstUnsSpielen
    @LasstUnsSpielen Месяц назад

    For people who just want to copy and paste :) calc((100% - min(88%, 1200px))/2) This is also a perfect option to create a section that has a 50:50 background colour. You just apply the background colour to the columns and use the calc statement as a left and right padding.

    • @yourthemeco
      @yourthemeco Месяц назад

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

  • @moneybernd2003
    @moneybernd2003 Месяц назад

    Josh I always watch your videos since they are really well made even though I'm not currently planning on doing a mega menu. But it keeps me on my toes thinking in creative ways. Keep up the great work!

  • @aldoxo96
    @aldoxo96 Месяц назад

    Is it possible to use DC tags in the Component's JavaScript? Example: let contentBody = {{dc:p:contentBody}} Thanks!

    • @yourthemeco
      @yourthemeco Месяц назад

      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!

  • @crowningroyalty5416
    @crowningroyalty5416 Месяц назад

    Is there any type of full course for this. This was dope.

    • @yourthemeco
      @yourthemeco Месяц назад

      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

  • @staceymarler7746
    @staceymarler7746 Месяц назад

    I appreciate you making this video based on my suggestion from the prior video! I had an issue showing the title and using the url link when using repeaters with an array output. I finally figured it out via the {{ looper.field({"key":"ACFFieldName.title"}) }}. The ".title" and ".url" after the field name to pull in the appropriate meta info was making me go crazy trying to get it figured out. I found the how-to from a prior looper video you guys created. Great videos recently, and keep them coming!

    • @yourthemeco
      @yourthemeco Месяц назад

      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!

  • @citysidewalkmarketing
    @citysidewalkmarketing Месяц назад

    Another awesome video Josh, thanks as always for the hard work. I'd love to see a vid of how you tackle a variety of mobile menu layouts and challenges. I always find these to be more challenging to do well.

    • @yourthemeco
      @yourthemeco Месяц назад

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

    • @moneybernd2003
      @moneybernd2003 Месяц назад

      i'd love to see that too!

  • @scotbaston1018
    @scotbaston1018 Месяц назад

    Very nice Josh! Thank you I'm wondering how this could work with an ACF menus and pulling in dynamic data

    • @yourthemeco
      @yourthemeco Месяц назад

      Many thanks! You probably will want to see the guide on ACF Pro repeater fields. Have a great day. ruclips.net/video/ncnXpRW4G_M/видео.html

  • @mkellyb754
    @mkellyb754 Месяц назад

    It's working now! The problem was with the variable name `--x-slide-total-`-it had an extra hyphen at the end, which caused the CSS to break. Once I removed the trailing hyphen and made it `--x-slide-total` to match the defined variable, everything worked perfectly.

    • @yourthemeco
      @yourthemeco Месяц назад

      Fantastic, thanks for letting us know!

  • @mkellyb754
    @mkellyb754 Месяц назад

    I tried twice it doesn’t work for me 🤦‍♂️ specifically the calculation

  • @krimou32
    @krimou32 Месяц назад

    I have cornerstone from an X theme purchase but it only shows page and components when I click the "+" icon. None of the other options are available... Looks like I'm very limited when it comes to header/footer customisation while being held hostage by cornerstone. Not sure if I can customise those outside of the cornerstone builder without breaking stuff

    • @yourthemeco
      @yourthemeco Месяц назад

      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

  • @chrisk9667
    @chrisk9667 Месяц назад

    Thanks Josh. Is it possible that from the list of pdfs on the archive layout that rather then going to their individual document page that they just open the pdf in the browser? They can still download from there and my client prefers to open it straight away as opposed to seeing another page. :)

    • @yourthemeco
      @yourthemeco Месяц назад

      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.

  • @christofferahlback
    @christofferahlback 2 месяца назад

    Well, this can be very amazing!

  • @DickEassom
    @DickEassom 2 месяца назад

    Excellent! Thank you so much!

  • @henrybagilhole5154
    @henrybagilhole5154 2 месяца назад

    Great Tutorial Josh, I've just gone thorugh the same thing but didn't like the PDF Emebedder styling so I've had to revert my client having to use the Wordpress File Block for PDFs which has a much nicer interface (it also works with Interactive PDFs). Do we think there is a way of showing the built in wordpress block in similar way? Hope that makes sense.

    • @yourthemeco
      @yourthemeco 2 месяца назад

      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>

  • @EdgardMello
    @EdgardMello 2 месяца назад

    Hi Josh! Thanks again for the great content. How can I show only PDFs related to the logged-in user? Is it possible?

    • @yourthemeco
      @yourthemeco 2 месяца назад

      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.

  • @tomuch4078
    @tomuch4078 2 месяца назад

    So good! I’m so excited to utilize this on my site!!

    • @yourthemeco
      @yourthemeco 2 месяца назад

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

  • @slypandadesign
    @slypandadesign 2 месяца назад

    Thanks Josh! Another timely tutorial. I have a client who wants to display PDFs of each the magazine articles they've been featured in. Something like this offers the perfect solution. Thanks again!

    • @yourthemeco
      @yourthemeco 2 месяца назад

      Fantastic, let us know how it goes!

  • @linnmarketing
    @linnmarketing 2 месяца назад

    Great - as always. Thank you Josh! Would have saved me a lot of trial and error, if I had seen this a year ago ;-) The only thing missing here is how to show a pdf's thumbnail on the archive page.

    • @bill-hodgson
      @bill-hodgson 2 месяца назад

      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.

    • @yourthemeco
      @yourthemeco 2 месяца назад

      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.

    • @linnmarketing
      @linnmarketing 2 месяца назад

      @@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.

  • @Schauk
    @Schauk 2 месяца назад

    Wow, this is incredibly helpful! Thanks for teaching us, Josh!

  • @bill-hodgson
    @bill-hodgson 2 месяца назад

    I've tried three PDF embed plugins. At least two of them required direct file access into the site, which is a no-no for security reasons (in CloudWays anyway). I chose to use "PDFjs Viewer - Embed PDFs" - similar to the above. Check each one for responsiveness too, nothing worse than a PDF preview not working on a phone.

    • @yourthemeco
      @yourthemeco 2 месяца назад

      Thanks for the perspective.

  • @bill-hodgson
    @bill-hodgson 2 месяца назад

    I'm lost - why do you need to use a CPT for this, instead of regular pages?

    • @yourthemeco
      @yourthemeco 2 месяца назад

      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.

  • @jonatosorio
    @jonatosorio 2 месяца назад

    Useful, thanks. But, I try to use to change the Position and Size of a Section background image and it's not variable. How does it work with Background Layers panel?

    • @yourthemeco
      @yourthemeco 2 месяца назад

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

  • @mrfish4572
    @mrfish4572 2 месяца назад

    How do you create a background image for a section and then have different images display responsively. Its so essential to be able to do this and not very easy with cornerstone as the image cant be changed for different devices like the other attributes can.

    • @yourthemeco
      @yourthemeco 2 месяца назад

      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.

  • @tomuch4078
    @tomuch4078 2 месяца назад

    Amazing. Love this video! So useful!! For the portal login, is it possible to have a field for username and password, so that when logged in, one can have access to their specific individual information?

    • @yourthemeco
      @yourthemeco 2 месяца назад

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

    • @tomuch4078
      @tomuch4078 2 месяца назад

      @@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?

    • @yourthemeco
      @yourthemeco 2 месяца назад

      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.

    • @tomuch4078
      @tomuch4078 2 месяца назад

      @@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!!

    • @yourthemeco
      @yourthemeco 2 месяца назад

      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.

  • @staceymarler7746
    @staceymarler7746 2 месяца назад

    Great stuff! I would love to see a quick tip on showing uploaded files on a single layout by using the ACF File Array option. The user would be ableo to click on the files to view or download.

    • @yourthemeco
      @yourthemeco 2 месяца назад

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

    • @staceymarler7746
      @staceymarler7746 2 месяца назад

      @@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!

    • @yourthemeco
      @yourthemeco 2 месяца назад

      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.

  • @jonathanwaddell4127
    @jonathanwaddell4127 2 месяца назад

    Great explanation Josh, thank you

  • @rockin4840
    @rockin4840 2 месяца назад

    If you had categories of products, how could a similar thing be done to display categories on this page and clicking on each category would take you to only the products in that category? I don't see any dc for categories at all

    • @yourthemeco
      @yourthemeco 2 месяца назад

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

  • @LasstUnsSpielen
    @LasstUnsSpielen 2 месяца назад

    Its so cool to look back at older videos and realize: Most of the things are now possible without any custom css. Everything can be achieved by the builder now.

  • @hendrikhellmich124
    @hendrikhellmich124 2 месяца назад

    Thx fr this Content. I almost work 9 Years in a lot of projects with your theme but with this type of Videos i learn always something I didn't know before. Please more of this content ;)

    • @yourthemeco
      @yourthemeco 2 месяца назад

      Love hearing that, Hendrik. More on the way!

  • @hendrikhellmich124
    @hendrikhellmich124 2 месяца назад

    Thx you! Cool Video!

  • @prezzo19
    @prezzo19 2 месяца назад

    How can you change the names of the navigation (home,work,shop,about,contact) to something else?

    • @yourthemeco
      @yourthemeco 2 месяца назад

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

  • @mr_clean575
    @mr_clean575 2 месяца назад

    How does ThemeCo handle caching with the API requests?

    • @yourthemeco
      @yourthemeco 2 месяца назад

      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

    • @mr_clean575
      @mr_clean575 2 месяца назад

      @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?

    • @yourthemeco
      @yourthemeco 2 месяца назад

      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.

  • @LasstUnsSpielen
    @LasstUnsSpielen 2 месяца назад

    I love you <3

  • @slypandadesign
    @slypandadesign 3 месяца назад

    Thanks Josh. Another great tip.

  • @lolypop185
    @lolypop185 3 месяца назад

    Nice solution! I've used this in tons of layouts through different methods, but I'll be trying this on my next build. Usually I use a div in a column and the width set to calc((100vw - 1200px) / 2 + 600px) which is the same thing but just an extra DOM element I suppose. Keep up the great content Josh!

  • @natesheridan6584
    @natesheridan6584 3 месяца назад

    🤔 but what if you want to put text over the full width image? My method: create a div element in the section (above the row), set position to absolute and height to 100%. Set the with match the column and then put 0 on ether left or right position. Add a background image to the div and it will sit behind the column. This vid is very useful though. Thanks!

    • @yourthemeco
      @yourthemeco 3 месяца назад

      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.

  • @mattjenkins81
    @mattjenkins81 3 месяца назад

    Great tip, thank you. Would love to see more of these type of tips, especially liked this leveraging just native pro elements; keeps it simple for the more 'hobbyist' users of Pro like myself.

    • @yourthemeco
      @yourthemeco 3 месяца назад

      Most welcome, more to come!

  • @davidsilvester7618
    @davidsilvester7618 3 месяца назад

    Wow, we were just trying to figure out the best way to do this a few days ago. Our initial solution used nested grids but this way is so much cleaner. Nice one team!

    • @yourthemeco
      @yourthemeco 3 месяца назад

      Fantastic, happy to hear it!

  • @RalphVogel
    @RalphVogel 3 месяца назад

    Very Nice: now the filter functions with woocommerce

    • @yourthemeco
      @yourthemeco 3 месяца назад

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

    • @RalphVogel
      @RalphVogel 3 месяца назад

      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

    • @yourthemeco
      @yourthemeco 3 месяца назад

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

  • @carelvanderwyck
    @carelvanderwyck 3 месяца назад

    Josh shows with some header css how to change the backgound color when triggered but how to show, hide or change the logo image and change the menu font color when triggered? Can you help with this CSS? /*Sticky state*/ .x-bar.x-bar-top.x-bar-h.x-bar-is-sticky.x-bar-fixed { background-color: pink !important; )

    • @yourthemeco
      @yourthemeco 3 месяца назад

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