Improve cart page for UX and Conversion

  • Currently generatepress cart page taking to much space.

    If you open cart page on mobile. You need 5 line to display just 1 single item. Because of this if you have multiple items in your cart. Making the checkout button is far to below the page. From my testing checkout button which to far below the fold has far more low conversion rate.

    Also because of that many line and multiple color (white and grey) for each item. it makes user confuse and unpleasant to eyes to differentiate each item.

    Generatepress could mimic what flatsome has done with the cart page. They only need 1 line to display single item. And doesnt require multicolor to separate each item. Its easy to differentiate between each item

    Demo:
    https://flatsome3.uxthemes.com/demos/shop-demos/classic-shop/

Viewing 1 replies (of 1 total)

  • Hi @erikdemarco,

    I see what you mean.

    But what you see is the default layout of WooCommerce. (line 47-130)
    https://woocommerce.github.io/code-reference/files/woocommerce-templates-cart-cart.html

    While the theme itself has integrations w/ WooCommerce. It tries to steer clear of the default layouts as WooCommerce is still technically a third-party plugin not within the theme’s main scope of things.

    You can modify things to look the same as that by copying the default woocommerce template.

    You can try overriding it through making a copy on a child. /wp-content/themes/child_theme/woocommerce/cart/cart.php.

    This seems good to consider on future site library templates though. I’ve notified Tom about this one but this is not a guarantee that this will get implemented. ??

    • This reply was modified 2 years, 10 months ago by Elvin.
Viewing 1 replies (of 1 total)
  • The topic ‘Improve cart page for UX and Conversion’ is closed to new replies.