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: Atelier
• May 23, 2015 at 4:28 pm #177898
  a040005

  Member

  Post count: 48

  Hello.

  I want to make the carousel column contains two or more products even also on the mobile environment such as desktop screen and tablet does.
  Showing more information at once on customers screen is the easiest but very effective way for sales .
  When many products appear at one screen – according to tried-and-true experience, it gives better sales performance than displaying just a single product of the screen even though the display size is small such as mobile device is.

  I have done adding custom CSS code for the shop product column contain more than one product on the mobile screen . (Carousel disabled) – screenshot 1

  but I didn’t succeed in the product column which is enabled carousel option.
  My goals is displaying two products when a screen is vertical and displaying three products when the screen is horizontal. – screenshot 2

  Attached screenshot 3 for the current result.
  Please give me some advice , Thank you.

  p.s. I hope there is a configurable option added in the near future for mobile device of product column and item counts.

  screenshot 4 is my mistake.

  Attachments:

  You must be logged in to view attached files.
  May 26, 2015 at 11:54 am #178443
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Currently it’s not possible, but I will send your request to the developer to add this as an option in a future update

  – Kyle

  March 9, 2016 at 2:14 am #254255
  pranjal

  Member

  Post count: 2

  Hi,

  Has there anything been done to achieve what OP tried to do. I want to do the same.

  March 10, 2016 at 11:03 am #254647
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  What is your URL for this page?

  You should be able to sort that with a little CSS:

  @media only screen and (max-width: 479px) {
  .woocommerce .products .product {
      width: 45%!important;
      float: left;
  }
  }

  May 11, 2016 at 10:19 am #266735
  zardaclothing

  Member

  Post count: 60

  Hi

  Im also interested to display 3 products in mobile in caROUSEl mode … i applied the css script above in theme options but no differences.. not working…

  Does any of you inform to developer on this enhancement?

  It looks bulky if display as one pic per time in mobile mode…

  May 12, 2016 at 10:44 am #266994
  David Martin – Support

  Moderator

  Post count: 20834

  Please open a new thread with your URL and private WP login details.

  Using CSS you can create a two column layout for small screens.

  – David.

• Back to forum

  Posted in: Atelier