Slideshow + Grid Problem Arino - Question | JoomShaper

Slideshow + Grid Problem Arino

Robert

Robert

Template 4 years ago

Hi there,

When i entered some products in the slider on the homepage the layout changed... Instead of the products shown in a list it places them next to each other as well...

How can i fix this so there will be only products underneath each other in the slider....

Below the slider is a module which makes a grid view of a certain category... How can i change the grid to all same boxes with same with and height...

Like the first box is big with 2 smaller next to each other... I would like a grid here with just 2 rows of 3 or 4 columns with products in it...

Link to site: http://boiliesvoorjou.vulperia.synology.me/

Screenshot of problem in slider: https://prntscr.com/1340h8y Screenshot like i would like all slides to function: https://prntscr.com/1340pbd

Screenshot of grid problem underneath the slider: https://prntscr.com/1340rt2

0
6 Answers
Pavel
Pavel
Accepted Answer
4 years ago #17757

Hi.

@media (max-width: 768px) {
    .sppb-addon-sp-slider.sp-slider.weekly-deals-slider .weekly-deals .j2store-product-module-list {
        flex-direction: column;
    }
}
  1. This will require override the module template and / or significant CSS coding
0
Robert
Robert
Accepted Answer
4 years ago #17761

Thanks for number 1.

For number 2 could you point me in the right direction? Then i will look if i can fix this :) Or would it be simpler to ask support of j2store?

0
Pavel
Pavel
Accepted Answer
4 years ago #17766

I do not think that Support of J2Store has a relationship to this. Since the layout of this module is customized by the Joomshaper team. At the same time, the Joomshaper team is unlikely to provide you support in this case, since customization outside the support.

To solve the problem, you need to explore the code to understand how the layout is arranged. And rebuild it. If you create a module template override with a layout that you need, you will additionally need a small CSS coding. If you do it only through CSS, it will be necessary to solve the puzzle.

In any case, the starting point is to understand how the layout is arranged. The basic principle, if you use override, is to replace the first line layout with the same code as a layout of the second line in php file of module template. But I definitely do not know how this module is arranged in PHP. Therefore, there may be additional nuances.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #17790

Hi Robert,

You can follow Pavel's suggestions.

Thanks for your co-operation Pavel.

Regards

0
Pavel
Pavel
Accepted Answer
4 years ago #17806

Hi Rashida. You are wellcome

0
Robert
Robert
Accepted Answer
4 years ago #18026

Phew i will try to make something of this haha thanks for the trouble :)

0