ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• June 5, 2014 at 9:40 am #80285
  LouisaMel

  Member

  Post count: 46

  Hi there,

  I would like to have some help concerning the display of our grouped products on the product page.

  Indeed, the display of all the different “children” products on the page is not really nice (as there are many of them, they all appear one below the other), and we would like them to be reachable with a scrolling list instead.

  Do you have a solution for this problem?

  Thanks a lot!

  June 5, 2014 at 10:47 am #80315
  Melanie – SUPPORT

  Member

  Post count: 11032

  Hi, could you show me a link to what you’re referring to so I can see what can be done?
  If it requires code modifications tho I need to pass this on to a third party developer of your trust or as a feature request to the developer of the theme.

  June 6, 2014 at 2:20 am #80540
  LouisaMel

  Member

  Post count: 46

  This reply has been marked as private.
  June 8, 2014 at 4:52 pm #80937
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please refer this tutorial http://docs.woothemes.com/document/related-products-up-sells-and-cross-sells/and hope that will help you sure.
  Thanks 🙂
  With Best Regards
  Swift Ideas

  June 9, 2014 at 9:07 am #81028
  LouisaMel

  Member

  Post count: 46

  Hi,

  I took a look at your link but this is the tutorial I used to set my related/upsells products only and my concern is more on the display of my groupe product on this point.

  Regards!

  June 9, 2014 at 9:51 am #81047
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please attach a marked screenshot.

  Thanks 🙂
  With Best Regards
  Swift Ideas

  June 10, 2014 at 4:48 am #81329
  LouisaMel

  Member

  Post count: 46

  This reply has been marked as private.
  June 10, 2014 at 5:26 am #81332
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I am not getting your point so please explain with marked screenshot.
  Thanks

  June 10, 2014 at 7:55 am #81359
  LouisaMel

  Member

  Post count: 46

  This reply has been marked as private.
  June 10, 2014 at 9:06 am #81392
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi there

  How have you set this up? We would normally just use attribute variables, like here: http://neighborhood.swiftideas.net/product/new-balance-variable-demo/

  – Kyle

  June 11, 2014 at 9:49 am #81719
  LouisaMel

  Member

  Post count: 46

  Hi Kyle,

  I selected a grouped product (the main one) and then created all the others as simple ones (each of them of a different color) and on each of their pages, in product data > linked products > grouping I selected the main one as reference.

  Thanks for your help it’s exactly what I was looking for!

  Do you know how to change the color of the prices? (they all appear in green)

  Thanks a lot!

  June 11, 2014 at 10:50 am #81734
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Great!

  Add this to your custom csS:

  .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price {
    color: #111111;
  }

  – Kyle

• Back to forum

  Posted in: Neighborhood