Detail layout problems

Hi Tim,

The height is added because the default layout was originally the “thumbnail” layout. I’ll look for a way to disable it automatically in a future version if only the details view is being used. In the meantime, you can disable the extra height by commenting out lines 99-107 of the upcp-jquery-functions.js in the “js” folder in the plugin.

To get rid of the “Read More”, you can edit Shortcodes.php in the “Functions” folder. You’d want to edit line 328 to:

$ProductString .= "<div id='prod-cat-desc-" . $Product->Item_ID . "' class='prod-cat-desc upcp-detail-desc'>" . $Product->Item_Description;

and then comment out or delete lines 329-333. Let me know if that works!

Thanks Rustaurius,

1) commenting out did not work. just caused the products to overflow down over the category below and the footer of the page.

Seems like it needs some height specified, but then there are 2 problems with doing that:

The first problem is that since there can only be one prod-cat-inner height specified per page, if you have multiple catalogues on a page, the height for each will be the height for the tallest. Which is no problem if you have same number of products in each catalogue. But obviously is a problem if you have differing amounts.

Second problem with specifying a height is that if you narrow the browser width (ie view on mobile) the div is no longer tall enough, so you can’t see all the content.

So ideally I want to comment out what you said and then just fix the overflowing problem. Any idea how to do that?

2) Thanks that worked fine.

If you try excluding the layouts that you’re not using instead of just keeping them hidden, and then adding this to the CSS:

https://stackoverflow.com/questions/384145/css-expand-parent-div-to-child-height

Does that help?

I am already using “exclude_layouts=’Thumbnail, List'” in my shortcode, however it did not seem to work, which is why I had to edit the css to keep them hidden.

As for the expand-parent-div-to-child-height link, tried the suggestions there but could not get it to work.

Will just make sure I only have one cat per page unless you’ve got any other ideas.

Thanks for your help.

Hey,

I just realized that I messed up the readme file when I added those options last update. What you want is:

"excluded_layouts='Thumbnail, List'"

Sorry about that, hopefully that will help get us closer.

Any follow up required on this?

hey thanks yeah one question – we are making alot of custom changes to the way the products are laid out on the page, by editing catalogue-style.css . But when we updated the plugin the other day, our layout got broken. Is it possible for us to customise in this way without it breaking like this every time you update the plugin? Should we be putting our custom css into a different file?

How does it work when you update the plugin – does catalogue-style.css get overwritten with your new file everytime?

thanks

also, is there any way we can customise the order which products are listed? eg we want to list from least expensive to most.

Hi,

WordPress automatically rewrites the entire folder whenever a plugin is upgraded. Depending on the amount of custom CSS, you can either use the “Custom CSS” field on the catalogue page, or put it in another file in your theme and add it in like a regular spreadsheet. The only way to customize product order right now is by actually dragging them on the catalogue page, but I’ll think about whether it makes sense to add a filter to a future version.