WP eStore – Display Category Thumbnails Horizontally for the Products

[Norm Hamilton]

Is there a way to display the category thumbnails so they spread across the page horizontally instead of vertically? I’m using the Fancy 3.

This is the shortcode I’m using

[wp_eStore_fancy_category_display id=1 style=3]

[admin]

Yes, I think you are looking for a grid display of products.

The documentation will be helpful:

https://www.tipsandtricks-hq.com/ecommerce/create-a-grid-display-for-your-products-using-the-wp-estore-plugin-2806

[Norm Hamilton]

Thanks. This is close except it is for displaying the products in a category.

I’m wanting to show the thumbnails for the categories themselves horizontally. See the page below and you’ll see the thumbnails displayed vertically. I’d like theme to go across the page.

I’m trying to get a grid display of the category thumbnails.

[http://normhamilton.ca/photography/fine-art-prints-and-canvases/]

[Norm Hamilton]

I’ve changed the page and am using a different fancy display until I figure this out.

When I look as the page source with the fancy 3 I see the following that I will have to find and address.

The code looks like this

HTML:

---

<div class=”eStore-fancy-clear”></div>

<div class=”eStore-fancy3″>

<div class=”eStore-fancy-clear”></div>

BR

<div class=”eStore-fancy-clear”></div>

<div class=”eStore-fancy3″>

<div class=”eStore-fancy-clear”></div>

BR

---

The BR that is being added after each section is causing the staggering when you remove the ‘clear: both’

[admin]

okay I understand what you are trying to do now. That shortcode was designed to display ONE category. It has a different purpose than what you are doing, so it won’t work for you without some tweak.

You can copy and paste the HTML code (without the “clear”) and that should do the job.

[Fred]

Greetings:

I think this thread aligns with what I am attempting to do. However, it is not making sense to me with what is posted.

I have 3 categories: A, B, C.

I want to create a “master” category page that displays the thumbnail for each of the categories with related category information. I do not want individual items to display on this page. I will create a separate page to list individual items within a category.

So, how can I show category thumbnails only on a page using short codes? Or, do I need to manually establish image and linking?

Thanks much!

fred

[admin]

You can use the following shortcode which will lists all your categories on a page with thumbnails and description:

[wp_eStore_list_categories_fancy]

Alternatively, you can use the following shortcode one by one for each of your categories:

[wp_eStore_category_fancy id=1]

1 is the category ID in this example.

There is also the following addon that maybe helpful for you:

https://www.tipsandtricks-hq.com/ecommerce/wp-estore-browse-products-by-category-addon-2056

[Author]

Posts