Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore – Display Category Thumbnails Horizontally for the Products
Tagged: display, grid display, products
- This topic has 6 replies, 3 voices, and was last updated 7 years, 3 months ago by admin.
-
AuthorPosts
-
October 7, 2015 at 3:41 am #13137Norm HamiltonMember
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]
October 7, 2015 at 4:53 am #71524adminKeymasterYes, I think you are looking for a grid display of products.
The documentation will be helpful:
October 7, 2015 at 5:06 am #71525Norm HamiltonMemberThanks. 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/]
October 7, 2015 at 10:41 pm #71526Norm HamiltonMemberI’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’
October 8, 2015 at 12:04 am #71527adminKeymasterokay 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.
July 9, 2017 at 12:43 pm #71528FredMemberGreetings:
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
July 10, 2017 at 12:02 am #71529adminKeymasterYou 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
-
AuthorPosts
- You must be logged in to reply to this topic.