In order to create custom shop page, you should create new Page, and start adding shop elements using Visual Composer > Products widget developed by us.
Here is a video example that shows you how to create this structure of categorized products:
On the original shop page (aurum bookstore) prices are displayed only on hover with red background. I'd like the same here: http://0001qa.web.ezbase.net/buecher/ How can I do it?
I'd like to add a filter widget (Filter by Author) under the current category widget. I have it in the shop page, but it doesn't show on this page.
I'd like to have both widgets (Categories and filter by Author) sticky on this page (remains on same place when scrolling down).
Please have a look at the title "Vorschau auf unser Programm" (2nd title). Under this title I'd like to show upcoming products. How can I build this query?
To apply Custom CSS, on WP admin panel menu click Custom CSS link (as shown here).
2. Actually WooCommerce allows these widgets to appear only in their Shop page. Even if that was present there, it won't take effect as you have manually inserted product lists. One possible way is to create a sidebar with "Filter by author" and list authors there with their link that will head user to filtered items page.
3. The sidebar is not sticky, it requires code customization to achieve that.
4. This is only possible in single product page with "Up sells" product feature by WooCommerce. See how we add upsells products:
Hi
Please klick http://www.woerterseh.ch/. I'd like to apply similar nested subtitels (years only) in http://0001qa.web.ezbase.net/buecher/ using attributes. How can I do it?
Thanks for help
Hi Pat,
In order to create custom shop page, you should create new Page, and start adding shop elements using Visual Composer > Products widget developed by us.
Here is a video example that shows you how to create this structure of categorized products:
http://drops.laborator.co/ArAK
Hopefully this will help you.
It helped me a lot, thank you Arlind.
Now I have these little problems:
Thanks for your help.
Pat
Hi Pat,
Great to hear that you have managed to sort this out. Here are my answers for your other questions:
1. Yes, this can be achieved with this Custom CSS:
.woocommerce .shop-item .item-info .price {
To apply Custom CSS, on WP admin panel menu click Custom CSS link (as shown here).opacity: 0 !important;
transition: all 0.3s;
display: inline-block !important;
background: #d22a30;
color: #FFF;
padding: 5px;
font-size: 14px !important;
}
.woocommerce .shop-item:hover .item-info .price {
opacity: 1 !important;
}
2. Actually WooCommerce allows these widgets to appear only in their Shop page. Even if that was present there, it won't take effect as you have manually inserted product lists. One possible way is to create a sidebar with "Filter by author" and list authors there with their link that will head user to filtered items page.
3. The sidebar is not sticky, it requires code customization to achieve that.
4. This is only possible in single product page with "Up sells" product feature by WooCommerce. See how we add upsells products:
(view large version)
Have a great day