Store categories

baljit1221

How can the store category be shown like this? Please share css code. @Saurabh @ShauryaSaxena @Carlos

Saurabh

Goto Admin > Settings > All Settings > Custom CSS and paste this:

.secondary-slider-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
    grid-gap: 1em;
}

To get the best results, you will need to create Store Category Slider images that have the Label/Name you want to display on the Image itself, and disable the "Show Store Category Slider Label" from Admin > Promotions > Store Category Slider

baljit1221

Saurabh This is also nice, but i need 2 columns.

Saurabh

Saurabh feel free to customize the css to fit your needs.

Saurabh

baljit1221 depending on the number of images you have it will be automatically be distributed.

If you add only 3-4 images, there will only be one row.
If you have 5-6 images, there will be two rows.
If you add 10-12 images, there will be three rows and so on...

baljit1221

@Saurabh Sir i need this type column

baljit1221

Saurabh
Try this

.secondary-slider-wrapper {
display: grid;
grid-template-columns: repeat(6, minmax(70px, 1fr));
grid-gap: 2em;
margin-bottom: 20px!important;
justify-items: stretch;
justify-content: start;
}

mrhunt

please share the css code