WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
Dynamically loading product info (thumb/desc/add-to-cart) on Category page (3 posts)

  1. Slick Development
    Member
    Posted 1 year ago #

    I am going to begin a project soon for an e-commerce website. I'm comfortable with WooCommerce so I am going to go that route. A feature that the site may have is as follows (if you know how to accomplish this please let me know)

    There will be multiple "Collections" pages which are essentially the category listings pages. These pages will display all of the product thumbnails for the products within that "Collection".

    When you click the thumbnail, I want to run an AJAX call to load the product page above all of the thumbnails. Basically once you click a thumbnail, all thumbnails will slide down and the contents of the product page will appear above them. It will have the product image, description, buy it now button, etc.

    And if you click another thumbnail, it should reload the above content.

    I'm very familiar with WordPress and I've used WooCommerce a handful of times, just never had to run any custom AJAX calls like this.

    If you can point me in the right direction it would be much appreciated! Thanks

    http://wordpress.org/extend/plugins/woocommerce/

  2. ManusH
    Member
    Posted 1 year ago #

    As far as I can understand, you are looking for something like Sentient Theme, one of the official Woocommerce themes: http://demo2.woothemes.com/?name=sentient

    It has only lists product thumbnails, and displays the basic info and add-to-Cart buttons when mouse-over, in a dropdown area, etc.

  3. Slick Development
    Member
    Posted 1 year ago #

    The effect on that theme can be achieved with basic css. What I'm looking for is different.

    When you click a thumbnail, the screen would scroll upwards and at the top of the page the "single-product" loop would dynamically appear.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic