I need a guide to make multicolumn section open without link label

Store Design
, , , ,
1

Hello, I need a guidance on my store where i m trying to open multicolumn section without link label trying just with link bcause its not looking nice My store link: Barakahcloset.com

I want my multicolumn same like this website:lulusar.com

Check this screen shot of my store

Screenshot (19).png
Screenshot (19).png1920Ă—1080 291 KB

1 Like
2

Hi @Anum990 ,

You need to some customization in the liquid file.

I have checked in the reference they are using the swiper slider for the section.

Thanks

1 Like
3

@Anum990 Please follow below steps to make multicolumn section open without link label,

  1. From admin go to “Online Store” → “Themes”.
  2. Click “Edit code” button from the current theme.
  3. Go to “multicolumn.liquid” file.
  4. Then search “multicolumn-list__item grid__item” in search bar.
  5. Then paste the below code after the “li” like below attached image and then save changes.

Vinsinfo_0-1727356481743.png
Vinsinfo_0-1727356481743.png1600Ă—883 64 KB

  1. Then search use the "
    2. " in the same file in search field and paste the below code before the searched key word as like attached screenshot,

Vinsinfo_1-1727356512968.png
Vinsinfo_1-1727356512968.png1604Ă—886 48.6 KB

  1. Go to “section-multicolumn.css” file and paste the below code in the bottom of the file and save the changes.
.multicolumn-link-list {
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);
}
.multicolumn-list__item a:not([href]) {
  cursor: auto;
}

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

1 Like
4

Its working Thanks a lot I appreciate your effort , will you help me more with pagination style of my store if you don’t mint