-
Posts
-
Hello Enfold Support Team,
I am using Enfold successfully on a homepage. Now I want to create a shop with woocommerce and use the “show both” option, on the standard-category display settings. Because when I click a Category, I want to see the sub-categories and as well the products. I just have a problem. Enfold works together with woo commerce and my problem is, that enfold creates a UL and the first li in the UL is the category Item. And in the same UL the rest are product items. But I would like to have an ul with the categories, close that and when the first product comes, a new UL opens.
The Problem can be seen here:
http://www.expotradegroup.com/produkt-kategorie/expotent/first is a category, is in the same ul as the products. So I cannot modify it with CSS, because the category is also the first element in the product count. So I would like to seperate that, to make a Spacer, and a heading “categories” and then the “products” but I do not know where this piece of code is generated, so that I can add my PHP to it.
Is my problem understandeable?
Hope you can help me.
Thanks in advance,
Constant NationHey ConstantNation!
not sure what you are trying to do. Can you provide us a mockup showing the results you want to achieve please? use imgur.com or dropbox. Though it sounds as it would be considered as custom work.
Cheers!
AndyHello, It is actually just an information. I need to know, where in the Enfold Theme, the piece of code is, where the categories and products are grabbed. When I set in the settings, that I want to see sub categories AND products, it creates a list, first the categories, then the products (as you see in the provided link above). But I want to know where that happens in the code, because I want to seperate the categories and the products. It creates one UL and the first LI is a category, the second is a product ==> so it is not seperated, and I think it is just some code changing, opening and closing the UL after the categories. But I do not know, in which php file, the categories / products are grabbed. That is actually all I need to know.
Thanks in advance.
Hey!
Is this something you want to do? categories on top and products at the bottom?
Then please make these changes in woocommerce if you already have not
and goto woocommerce > Products > Categories > Edit
Update category image for every category.
Here is the css to target
/* Product Category */ .product-category { } /* Products */ .type-product.has-post-thumbnail { }You can also try right clicking on the product and inspect the element to get the class names.
Please feel free to get back to us if you have any questions
Cheers!
VinayThat looks good. But I have still one problem. The solution is what I was looking for, but the problem is, that when there are not 3 categories, the first product is in the same column as the categories. I would like to have it, that when there are only 1 or 2 categories, the column is sort of over, and the first product is under it in a new column. I could do that with css, but the problem then is, that it counts wrong. (if there are 2 Categories and some products, the first product has the class “last” because it is the last element of a column). But the first product should be a “first”. The woocommerce shop in enfold first shows the categories, and the products are sort of in the same ul. It works fine if there are 3 columns (because then it counts correctly, because the first product is also the first element in a column and the last category is also the last category in the column), as seen in your screenshot. But how can I make this sort of dymanic? (I think this is something that could be a problem for more people).
Or do you maybe have a CSS-hint how to solve that (i haven’t found any).
Thanks in advance.
Hi!
it would require a huge amount of time and customization of the theme and that is why you would need to hire a freelance developer for this job.
Best regards,
Andy
- You must be logged in to reply to this topic.