Return to previous page

Two columns layout with independent vertical scroll

This topic has 3 replies, 2 voices, and was last updated 2 years, 7 months ago ago by chilly_bang

chilly_bang

Participant

September 14, 2021 at 19:18

How is it possible to reach the following effect:

Woocommerce category page on desktop devices should have two columns layout:
* First column with H1, category image, and description,
* Second column with product titles, images, short descriptions, and links to product detail pages.

Each column should be vertically scrollable without scrolling its neighbor column.

PS: this effect is achievable with a premium Elementor addon named multiscroll.

#302289 Copied Theme version: 8.0.6 WooCommerce version: 5.6

2 Answers

Olga Barlow

Support staff

September 15, 2021 at 09:42

Hello,

There is no such layout by default in our theme or WooCommerce. If Elemenor Pro allows implementing this you can use it. Do you face any compatibility issues while trying to implement this using Elementor Pro?

Regards

#302325 Copied

chilly_bang

Participant

September 15, 2021 at 12:18

Hello,
I don’t suspect any compatibility issue Xstore<->Elementor, but I would like in general avoid page builder because of performance. But ok, your answer just means, I should create a custom child theme for Woocommerce category page / archive.php, and use it with the child of XStore.
Anyway thank you.

#302346 Copied
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Two columns layout with independent vertical scroll’' has been successfully resolved, and the topic is now closed for further responses

Two columns layout with independent vertical scroll

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection