RokSprocket ordering items displayed wrong in frontend
-
-
- V-man
- Sr. Rocketeer
- Posts: 109
- Thanks: 0
-
Hello,
We have a problem with RokSprocket module order, when we set it to order items by "Created Date" - "Ascending" in frontend the items are arranged wrong, seams in the last line there's an empty space in front of the picture.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22283
- Thanks: 3226
- messin' with stuff
- Please post a link to that page and be very specific about what is out of order... also, need a screen shot of your actual filter and sort options
- Last Edit: 8 years 11 months ago by Matt.
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- V-man
- Sr. Rocketeer
- Posts: 109
- Thanks: 0
-
Here's the page:
www.capriciosalon.com/about-us/meet-our-team-bios.html
The issue can be seen by modifying the viewport size as shown here: take.ms/8ZqZG
When 960px >= viewport size < 1200px, things are displayed in the order shown in the module (see bottom-right in the image above).
When the viewport size expand past 1200px, the pics get a little larger and the order messes up a bit (see image at top-right). In addition, the last image skips the right-most column.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22283
- Thanks: 3226
- messin' with stuff
-
ok, I see it...
Are you loading RokSprocket via a shortcode in an article?
Can you please try placing a Module Position Particle in it's own grid beneath your Content Particle and then assign your RokSprocket Module to that Position (that you create within the Module Position Particle)? - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- V-man
- Sr. Rocketeer
- Posts: 109
- Thanks: 0
-
I've moved it to a dedicated module position and there is some improvement that you can now see.
The only problematic viewport size is now tablet : take.ms/UxooB
The viewport breakpoints are 768px to 959px.
On a tablet view there is 3 columns. The first row is fine. But after that, the 4th, 7th, 10th and 13th items are shifted to the right, when they should be left.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22283
- Thanks: 3226
- messin' with stuff
-
There's no way around that because you've got columns set to 4... it's responsive, it now gracefully moves items down and inline... but it still renders the original code setting of 4 items per row... everything is positioned from the right... initially at 75%, 50%, 25%, and 0%... when the screen reaches the point where it needs to shift 3 per row the first 3 elements are positioned from the right at 66%, 33%, and 0% and then the 4th element gets bumped to the next row and is set at 66%...
So it's currently working as designed, although I do understand how it's changing your order... unfortunately I don't see anyway around that with RokSprocket Grids - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
Time to create page: 0.061 seconds