Make product categories scrollable on desktop just like mobile view

Closed
REHub - Price Comparison, Affiliate Marketing, Multi Vendor Store, Community Theme REHub - Price Comparison, Affiliate Marketing, Multi Vendor Store, Community Theme April 27, 2022
Login to reply
Tim Kerremans
2 years ago

This works, thank you very much for helping me out :-)

Igor Sunz Support Agent
2 years ago

I tried to make it just with CSS code, but it's not possible, because this part used global scroll option, if you change it, other parts can break 

https://monosnap.com/file/nVH4izK1xRzupMYIVVg6BkZgolOnqb

So, in current point, it's possible only as customization of file woocommerce/archive-product.php

find 

<?php woocommerce_output_product_categories(array( 'before' => '<div class="'.$woocatclass.' smart-scroll-mobile rh-flex-eq-height products_category_box column_woo">', 'after' => '</div>', 'parent_id' => is_product_category() ? get_queried_object_id() : 0)); ?>

and replace by

https://gist.github.com/wpsoul/3355cb8e1b03ed689b0f39480ad65d75

Also, add css code

.tax-product_cat .smart-scroll-desktop .col_item{min-width:20vw}.tax-product_cat .smart-scroll-desktop{padding:0 2px}

Tim Kerremans
2 years ago

Hi,

Any updates on this topic?


Thanks!

Tim Kerremans
2 years ago

Yes :)

Igor Sunz Support Agent
2 years ago

Do you mean that you need scroll on desktop the same as it works on mobile?

Ср, 27 апр. 2022 г. в 15:01, Sizam Support Help Desk <
sizamtheme+b1KP7qy6kkqn6Ye9Mznm@mail.support-hub.io>:

Tim Kerremans
2 years ago

Hi,


I would like to have the scrollable categories on desktop category pages. Can you help me out on how to do so? 

Additional Info

Link on page with issue: https://www.holymowly.com/product-category/maps/