Want to Customize Portfolio Category and Portfolio

[kovair]

Hi,

I want to customize Portfolio category URL and Portfolio URL in order to use its grid layout for my Resources pages.

Sample Desired Portfolio category URL and Portfolio URL:

dev.kovair.com/adapters/ and dev.kovair.com/adapters/bugzilla integration

I want to use such URL structure for all sortable, non sortable, 3 column, 4 columns layouts that are given in the default theme.

Please help me with this as I need to go live on 2nd May. My current website is http://www.kovair.com and development site is dev.kovair.com.

Email ID: ssingha@kovair.com.

Please let me know if I should provide you any other details.

Thanks
Sanat Singha

[kovair]

Hi,

In continuation with my previous enquiry I just wanted to share the preferred URL structure both for Category Page and corresponding Landing page. (This is similar to the URL structure in blog format). In blog format, the Archive page display option is limited to only two columns. But, we need 3 columns/4 columns to feature content in grid view.

URL change needed:

From http://dev.kovair.com/portfolio_category/bfsi/ (Existing Portfolio category URL)
To http://dev.kovair.com/category/bfsi/ (preferred URL)

From http://dev.kovair.com/portfolio/ubs-2/ (Existing Portfolio URL)
To http://dev.kovair.com/bfsi/ubs-2/ (preferred URL)

Similarly, for other category like “Defence” the URL will be http://dev.kovair.com/category/defence/ and corresponding landing page URL will be – http://dev.kovair.com/defence/ubs-3/

Expecting your help soon.

Thanks
Sanat

[Nexus]

You will have to edit the file (theme folder) / framework / framework.php line number 337, please modify the rewrite attribute from “portfolio” to “bfsi”. And do similar thing to portfolio category at line number 349.

After that make sure to visit “Settings > Permalinks” in your dashboard once. Hope that helps!

[kovair]

Thanks Nexus for your prompt response. I am trying that. But can I apply the same method (replicate) to create a different category and that category specific landing page URL for example,

http://dev.kovair.com/category/product-literature/
http://dev.kovair.com/product-literature/requirements-management/

My objective is to have 7 different categories and their respective landing pages using 3/4 columns portfolio view.

Please help me with this information.

Thanks
Sanat

[kovair]

Hi Nexus,

Please see the attachment after we edited the framework.php. However, after changing the category URL does not alter and the landing page turns 404.

If I give you dev access of my website will you be able to look into it?

Thanks
Sanat

[kovair]

This reply has been marked as private.

[kovair]

Hi Nexus,

Please see the attachment.

Sanat

[kovair]

Hi Nexus,

I am sorry to bother you. If portfolio fundamental does not work there is an an alternative solution. If I can display my post category pages in 3 and 4 columns grid view that will serve my purpose. In that case I need not do any tweaking on Portfolio section.

Here is the list of 7 Category page URLs that I want to show in 3 and 4 columns grid view. Right now they are available with 2 columns grid view, but in that case the images are really large. Please help me.

http://dev.kovair.com/category/white-papers/
http://dev.kovair.com/category/adapters/
http://dev.kovair.com/category/product-literature/
http://dev.kovair.com/category/product-videos/
http://dev.kovair.com/category/technical-documents/
http://dev.kovair.com/webinars/
http://dev.kovair.com/category/case-studies/

Thanks
Sanat

[kovair]

Hi Support,

Please help me solve this issue of displaying 3 column grids on Archive pages as described in my last communication.

Waiting for your response.

Thanks
Sanat

[Raghavendra]

Sanat,

Very sorry for the delay in replying. Last week was really busy and I could not attend to this on time. Sorry again and hope to work with you on resolving this soon.

To make the layout 3 or 4 column width for the category items, pls make the change in the file framework/functions/utility-functions.php at line number 47 to

$number_of_columns = 3;

or set to 4 if desired so. Pls check the layout in the mobile view as well since it can make the items too small and hence, may be 3 is safer than 4.

Additionally you will need following Custom CSS for mobile devices –

/* Make the layout 2 column instead of 3/4 in small tablets */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* Three columns layout */
    .grid-list .fourcol { width: 48%; margin-right: 4%; }
    .grid-list .fourcol.last { margin-right: 0; }
    /* Four columns layout */
    .grid-list .threecol { width: 48%; margin-right: 4%; }
    .grid-list .threecol.last { margin-right: 0; }
}

Hope this helps. Pls tweak the media query above if you need to customize it further for certain resolutions. You can find some examples of media queries in the file css/responsive.css file.

I hope you have already set the layout for category /archive pages to Grid view in Layout Manager tab of theme options.

[Raghavendra]

Also, can you check if the following plugin helps in organizing your category pages –

http://wordpress.org/plugins/wp-no-category-base/

[Raghavendra]

For some of the structure desired by you for the URLs, you may have to hack the .htaccess file too similar to what is described here. WordPress itself may offer little help in this regard –

http://www.wprecipes.com/how-to-remove-category-from-your-wordpress-url

Also, one more thing that can help you if you are going to use categories and blog posts for this. Pls have your permalink structure this way –

https://www.evernote.com/shard/s350/sh/fbf8802f-424e-4e00-a7ff-e77953e6676c/95093041294718460873c958ab680664

[kovair]

Hi Meteorite,

Thanks a lot for the help and the instructions. Let us implement the same and get back to you.

Regards,
Sanat

[Author]

Posts