-
Posts
-
Hi guys,
Could you help me with something please? I’m looking for the correct selectors for the archive pages in Enfold Shop.
What I need is….
Posts Selector – The selector that wraps all of the products.
Post Selector – The selector of an individual product.
Navigation Selector – The selector of the product navigation.
Next Selector – The selector of the navigation next link.Can you help?
Thanks,
Paul
Hi Paul,
Exactly what are you looking to change? Please link to an example page and try to explain a bit further and we’ll give you some custom CSS to use.
Regards,
RikardHi Rickard,
It isn’t custom CSS. It’s just the classes and IDs that those sections use on the Enfold shop categories etc.
For example, .main, .product, .navigation, .navigation a.next
(that doesn’t seem to be right though!)
You seem to have changed the ID’s/classes in Enfold shop from what the default is in Woocommerce and I just need to know what they are.
I’ve tried my hardest to find them all, and to get it right, using “inspect element”, but I must be doing something wrong.
The example page is just your own demo here…
http://kriesi.at/themes/enfold-shop/product-category/women/
…but I need the navigation (which doesn’t show on your demo) classes/IDs too.
Thanks,
Paul
Hi Paul,
We don’t remove any classes/ID’s from WooCommerce page, we do add to some elements though. Could you try to explain exactly what you are looking to alter and how please?
Best regards,
RikardHi Rikard,
I’m not looking to alter anything. I just need the CSS selectors for those sections. As per my example, I thought it would be something like this…
Posts Selector – The selector that wraps all of the products = .main
Post Selector – The selector of an individual product = .product
Navigation Selector – The selector of the product navigation = .navigation
Next Selector – The selector of the navigation next link = .navigation a.nextThat’s what I thought it would be, but I’ve got it wrong somewhere. I need it for this plugin…
https://wordpress.org/plugins/malinky-ajax-pagination/
The instructions are here…
…and they have the default Woocommerce selectors included, but they must be different in Enfold Shop.
Thanks again,
~ Paul
Hi,
Thank you for the info. Please try the following selectors:
Posts Selector = .products
Post Selector = .product
Navigation Selector = Could you please provide a screenshot of this element? Is this the pagination?
Next Selector = There is no “next” navigation. This will probably depend on how the theme setup the pagination. Unfortunately, there is no “next” or “previous” button in the theme’s pagination.Best regards,
IsmaelHi Ismael,
Thanks for your help!
Yes, the navigation is the pagination and I see what the problem is now. Woocommerce has next/previous links with their own classes, but Enfold doesn’t. I’ve tried 3 or 4 plugins to try to get infinite scrolling working without success and today I tried this too…
https://kriesi.at/support/topic/infinite-scroll-3/
…using Jetpack, but that didn’t work either.
Most of the latest themes include this now, well, according to WordPress anyway…
https://jetpack.com/support/infinite-scroll/
…and quite a lot of people have asked about it on here too…
https://kriesi.at/support/search/?bbp_search=infinite+scroll
So could you please consider it for future releases of Enfold?
Thanks again,
Paul
- You must be logged in to reply to this topic.