Porfolio page

I don’t know why you’re missing the issue. I didn’t request it for the category pages but the portfolio archive page.

What you’ve created, as per my understanding that’s not archive page of the portfolio posts but just a page as hasn’t the portfolio template added to it.


Also it’s missing the pagination.
I would appreicate if you take your time and reply me about what I’ve asked to get some help with because this is just wasting time and going back and forth and the issue is still there.

Sorry for the confusion. If you want to use the default portfolio post type or archive page, you have to delete the Portfolio from the Pages panel. Unfortunately, you cannot apply the same template to the default portfolio post type archive page based on the available conditions.

My issue is still there and not progress has been made and about deleting the pages, I didn’t delete any page I saw that you were editing them and they’re now in trash. I don’t know what you’re doing.


If you’re unable to help with the issue, can you pass it to someone who really can and understand the issue here?

1 Like

Hey @abdurrehman,

Be advised that the built-in Portfolio custom post type, when enabled in the Theme Options, you will have to create a NORMAL page and then use the Layout - Portfolio page template to display the Portfolio archive page. If no page is assigned with the Layout - Portfolio page template, the portfolio custom post type archive page will just use the default blog archive layout.

Since you want to create a custom Portfolio archive layout, you have to go to the Layout Builder builder and create the archive layout. A condition must be set like the “Post Type is Portfolio Item” to assign this newly created layout as the Portfolio index page. Now, to avoid any conflict, any NORMAL page that is using the Layout - Portfolio page template MUST be deleted.

If you are wondering if nothing is displayed in your archive layout, you can set the preview by assigning the post type as well just as shown here:

There might be a confusion on your end as to why there is a need to go to Pages > Add New and create the Portfolio page. As you know, the X theme has no Layout Builder and this is where the Layout - Portfolio page template comes in. This is the way to display or create the Portfolio index using the default theme styling. Now, with Pro theme since the Layout Builder is at your disposal, creating a Normal page with the Layout - Portfolio page template is no longer needed. This is the reason why I have mentioned that the page SHOULD be deleted.

If you have still other questions, maybe you can clarify what you want to do with the Portfolio custom post type, how you are going to use it and what information you want to display on it so we can also give a recommendation.

By the way, when you are still building the site, it is highly recommended that you turn OFF any caching and optimizing plugins like Breeze so that you can easily see the site or page changes and not the cache version of the page.

Please check out the portfolio demo now:
https://wordpressmu-1430342-5375343.cloudwaysapps.com/portfolio/

Best Regards.

Hi,

Thanks we’re making some progress finally.

Sorry about the cache plugins. I just turned them off and disabled it on the server as well.

I can see that now now loading on the archive page. I have a question though, how this is loading on the /portfolio slug even the page is deleted. What if wanted to change the slug then? Why is this behavior? Why it doesn’t just simply create it on the archive page instead of deleting that?

Thanks

Hello @abdurrehman,

Upon register a custom post type, you will have to include the default slug and/or the rewrite slug. You can check out this codex:

You have to remember that in Theme Options > Portfolio, you did set the custom URL slug.

This is where your portfolio slug is coming from. If you change the custom URL, the slug of the portfolio archive will also change.

Hope this makes sense.

Thanks, got it. If I create a new CPT then the builder just work fine on that or I’ve have to do it something like this one?

Hello @abdurrehman,

If you create a new CPT, then creating a new archive layout in the builder and assign that layout to the new CPT should work. If you do not have any assigned layout to the new CPT, it will use the default or assigned archive layout.

By the way, the new CPT should be different from the portfolio to avoid a slug conflict.

Hope this makes sense.

Thanks for clarifying that. Just the last one, how to make this header fixed on scroll? See URL in notes.

Hello @abdurrehman,

I would suggest you please go to the Header —>Set the Header Bar as Sticky. Please have a look at the screenshot below.

Hope it helps
Thanks

Thanks, Is there any option to make it sticky after have scrolled a bit? like after 1st section of the page? For example having a 1st section hero section and when have scrolled that then show this menu sticky and hide it initially.

Hello @abdurrehman,

You can add an ID to the section or any element from where the Header bar will be sticky now you need to go to the Haeader Bar—>Sticky —>Trigger Selector and add the ID here.

Hope it helps
Thanks

That works, how could I have a different background color for the bar when that’s sticky? Because initially would like to have it transparent and when scrolled, need white background.

Hi @abdurrehman,

I would suggest you create two different Bars and set the second bar Initially Hidden with the style you want as described in the following thread, which might help you to acheive what you want.



NOTE: created one sample header with the transparent bar and solid color while scrolling, you can use that or replicate it.

Hope it helps.
Thanks

I didn’t quite get that, you’ve access in the notes above, could you create a sample layout for me on the homepage?

Hi @abdurrehman,

I have already created a Header named Global Header Transparent. I have set it to the Home Page now, you can change the color and others according to your needs.

Thanks

Initially wanted to have that trasnparent background and when scrolled a different color. I changed the color on 2nd bar and that’s showing transparent when scrolled and blue in start. Can you take a look? What settings I’m missing?

Hi @abdurrehman,

You had to change the color for Bar 1 not for Bar 2. I checked and changed the color, and now it is working as expected.

Thanks

Thank you, I’ve got it.

When we are on mobile why the parent item isn’t clickable? It just shows the sub-menu items. For example, services is a page but it doesn’t show that page.

Hi @abdurrehman,

For that you need to select the Sub Menu Trigger option to Indicator from Menu > Setup. Also, need to select the Sub Indicator option from Links > Options.

image

image

NOTE: I would request you create different tickets for different topics, to avoid any confusion in the future.

Hope it helps.
Thanks