Hello,
I’m using Enfold for a Woocommerce powered site. On desktop everything is fin now but I would like to add some links to the categories when ordering from phone or tablet.
User case: our customer adds a sandwich to his order. He would like to order then a juice. Now he has to use the main menu, choose ordering again, choose the juices cat and pick his juice. The most beautiful would be I can show links to the categories above the product when on mobile.
Maybe a small fix by increasing the breadcrumbs font size (on mobile only) can fix it.
Hey Luc!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
.responsive .title_container .breadcrumb {
font-size: 16px;
}}
Cheers!
Yigit
Hi there,
Is a bit better but it does’nt work. Because my pagename (for SEO purposes) is quite long, the active links is presented before the long link and is not clickable. Any idea how to fix this?
Thanks in advance!
Hey!
Can you please post the link to your example page? We can increase title bars height to fit both page title and breadcrumbs
Regards,
Yigit
Hi!
You can add the product categories in the main menu as the shop’s sub menu. Go to Appearance > Menus then click Screen Options. Enable the “Product Categories”. Add the items as sub menus of the shop page. Or enable the sidebar for product pages then use the Custom Menu widget. You need to create a new menu listing product categories. Customers can then browse through different product categories using shop’s submenu or the sidebar menu.
Aside from that, you can use the products up-sells or cross-sells section to post product suggestion based on the current product. For example, on a specific sandwich product, below, you can post juices or desserts. Refer to this link for more info: http://docs.woothemes.com/document/related-products-up-sells-and-cross-sells/
Regards,
Ismael
Fixed for now, thanks! Ticket can be closed.