Show unordered list sumary below product in shop page
-
Hi,
I would like to add an unordered list in the shop page below every product. In the attachments I have provided an example as I want it.
The first list Item needs to be a different color.
What would be the best way to meet my goals? I want the list to be different for each product due variations. I have found the following topic which comes close to my goal: https://xtemos.com/forums/topic/summary-below-product/.
In the private content the site details are available.
Thanks in advance!
Attachments:
You must be
logged in to view attached files.
Next to the unordered list my next request will be:
I want to show available variation dropdown underneath the product and unordered list. I want my customers to always see this if available. Next to this its important that the rest of the shop page stay in same line so that that all product stay in line. So the grid lines needs to match the biggest product.
See attachment for the example. The example provided did a poor CSS job I am sure you could do better.
Thank you very much for your deep knowledge!
Attachments:
You must be
logged in to view attached files.
Hello,
I saw the screenshots you attached.
Our theme has an option to display the additional information on the product grids that you can enable from Theme Settings >> Shop >> Product Styles.
Screenshot for Clarification: https://prnt.sc/zphn4i
And you cannot display the unordered list and dropdowns on the product grids as you required.
It is not possible with Just Simple Custom CSS it will also require core files customizations and that is beyond our limitations and support policy.
Regards.
Xtemos Studios.
Hi there,
Thank you for your reaction. I want the unordered list always to be visible not just on hover. In the post provided the solution came close to what I need. Please take a look at this and provide me with a proper solution.
Regards
Hello,
You need to enable the additional information option for the product styles from Theme Settings >> Shop >> Product Styles.
I have enabled it on your website. And this is the only way that you can display the attribute table on the products grids.
And to make them visible without hovering, try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.
.woodmart-hover-base .fade-in-block {
position: static;
opacity: 1;
visibility: visible;
}
Best Regards.
.
