shortcode for displaying just categories?

Hi Danny,

1. The [insert-products] shortcode cannot be used to display a list of categories. We have available a catalog overview mode, which does create the functionality you are looking for. This mode can be enabled in the “Basic” area of the “Options”. It can also be added directly to the [product-catalogue] shortcode, so that only that specific catalog has the overview mode enabled, like so: [product-catalogue id=”X” overview_mode=”Cats”].

So, if you would like to still have your main catalog display as it currently does, you could create a second catalog and use the shortcode to make that one display with the overview mode.

2. It looks like the wrapping/container div that your theme is applying for that section (div with class “.avia_textblock”) is set to take up 100% of the width of the page. You would need to make so that div has an auto width and then also set the margin to auto (like so: “margin: 0 auto”).

1. Thanks for the feedback. I tried the catalog overview mode and while it does display the categories with pics, they behave very strange. They start rearranging themselves to the left side when you move the mouse around over the thumbnails. In the end they are all stacked vertically in one column instead of horizontally.
I assume this is not as intended. Any way to fix that?

Also the thumbnails are larger than I’d like, I didn’t see a way to scale them in the options?

2. I added a custom css class to that text block with
‘margin:auto;
width:auto’
but the products still align left. If i use just text in the box it does center align. There is no way to do it from within UPCP with css?
Thank you.

1. We just had another look at your site and there is definitely an extra hover affect being added to your thumbnails that isn’t part of or created by a our plugin. And that hover effect is, for some reason, adding “display: block” CSS inline to the link element. You can either figure out what code or JavaScript in your theme or another plugin is causing this or you can try using the following custom CSS in our plugin (we tested this using inspect element on your site and it seems to work):

a.upcp-overview-mode-link.upcp-category:hover {
display: inline !important;
float: left;
}

You also can use custom CSS to reduce the size of the thumbnails, using the following class:

.upcp-overview-mode-item {
width: 200px;
}

You can change the value as necessary.

2. It’s slightly more involved than just that as there are elements that are floated and because the div is displayed as “inline-block”. The following custom CSS should do the trick:

.upcp-minimal-catalogue {
text-align:center;
}
.upcp-minimal-product-listing {
float:none;
}

1. Item 1 works much better now, thanks! The images don’t align correctly but I think I need to have all the images the same size for them to align better.

2. I added the custom css to the plugin but it’s still aligning left somehow.

https://mrf-furnaces.com/wp4/products/extra-large-heat-treat-furnace/

Hi, Item 2 is still not resolved, could you have another look at it please?
Thanks.

I don’t think this is being updated if not i’ll repost this question in a new thread.
When using the [insert-products] shortcode, products always align left even when I place it in a centered paragraph. Is there css that can be used to center the results?

example page:
https://mrf-furnaces.com/wp4/products/extra-large-heat-treat-furnace/

the products shortcodes are on the bottom
thank you.