Home › Forums › WoodMart support forum › Product grid in TABLETvertical view
Product grid in TABLETvertical view
- This topic has 7 replies, 2 voices, and was last updated 1 year, 8 months ago by
Elise Noromit.
-
AuthorPosts
-
August 22, 2023 at 6:12 pm #490541
supergapParticipantHi,
Would like to set almost 2 column for vertical view on tablet.
I set 3 columns for tablet and 1 for mobile in Product Archie->Product Grid.
It works well I use the tablet in horizontal mode (because 3 products per line fit very well and is yet easy to read), but if I turn to tablet vertical view by rotating the device, it turns to one column and I get enormous product images and small test. Usually smart phone and tablet view are different. Which is the way to have one column (1 product per line) for smartphone vertical mode and 2 for tablet vertical mode (and better again then 2 for mobile horizontal mode and 3 for tablet horizontal mode?
Thanks a lotAugust 22, 2023 at 6:41 pm #490547
supergapParticipantHi,
looking into the Responsive Panel in the product grid/archive of Elementor I see that there’s a selector:Reverse column (Tablet)
Reverse Column (Mobile)I try to turn on both but nothing changes. I supposed that they are selector to change default columns/page.
Anyway: what they are for? (please look at attached file). Thanks.
I
Attachments:
You must be logged in to view attached files.August 23, 2023 at 1:38 am #490600
Elise NoromitMemberHello,
Please find the option in the Theme Settings > Product Archives > Product Grid: https://gyazo.com/9c7e1021d6e413a99c95cc1d11ac99c4
If you have any questions please feel free to contact us.
Best Regards
August 23, 2023 at 10:41 am #490651
supergapParticipantHi,
it’s exactly what i did.
But as I wrote the result is 1 column in vertical Smartphone view and the same in Vertical Tablet view.
So the product image is too big.
So my question is about:
is it possible to have vertical Tablet view different from Smartphone (for example vertical Tablet 2 columns and Smartphone 1)?
Thanks again.August 24, 2023 at 4:00 am #490891
Elise NoromitMemberHello,
Your screen shows the option to hide/show the whole widget.
You can set the number of columns in the Theme settings > Product Archives > Product Grid.
If you use the custom template, please find the option in the Product Archive widget: https://gyazo.com/499529ee47c4c4e6d15b3bb797340381
If you have any questions please feel free to contact us.
Best Regards
August 25, 2023 at 11:17 am #491213
supergapParticipantHi,
when I set the number of columns in Theme settings > Product Archives > Product Grid what I get is that the Mobile Setting set also the Portrait Tablet number of columns (if I set 1 for mobile, the tablet portrait will show 1 column).About custom template ( layout->shop (I create a shop layout) if I go to Edit Archive Products I can’t get same of your video. The label doesn’t show ‘Table portrait’, but just ‘Tablet’ and the result if I set Mobile=1 cols and Tablet=3 cols what I get is:
Mobile landascape: 1 cols and Mobile portrait: 1 cols,
Tablet landascape: 3 cols and Mobile portrait: 1 cols (like mobile).In the screenshot you can see I haven’t the ‘Tablet portrait’ label, but just Tablet. Different from your video.
It could depend by some primary settings?Thanks
Attachments:
You must be logged in to view attached files.August 25, 2023 at 12:01 pm #491233
supergapParticipantHi again,
A part the fact that I can’t see the ‘portrait’ label, I think I found the possibile origin of the issue.
I sent you 3 files here:
1 I set the mobile n. of columns. It works fine (you can see from the preview side of the page)
2 I now set the tablet n. of columns. I set 5* but I get 2 (the same of mobile)
3 Now I play with preview break point handle. If I increase the break point of tablet portrait I get 5 (that is ok).
So the solution of the issue is to change the break point in some theme setting (I don’t now where). Viceversa if someone using a ‘portrait tablet’ he will always see the mobile grid also in using a tablet (and it is a usability errorThanks
* of course 5 is just a number to test it. A good number can be 3. But regarding the issue is the same.
Attachments:
You must be logged in to view attached files.August 26, 2023 at 2:39 am #491385
Elise NoromitMemberHello,
Unfortunately, the breakpoints cannot be changed they are default.
Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.
In addition, include the page URLs with the problem.
Best Regards
-
AuthorPosts
Tagged: tablet grid
- You must be logged in to create new topics. Login / Register