Return to previous page

Two columns layout with independent vertical scroll

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

  • Avatar: 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
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    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
    Avatar: chilly_bang
    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

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.