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

[Anum990]

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

[KuldeepKumar20]

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

[Vinsinfo · Accepted solution]

@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.

<a {% if block.settings.link == blank %} role="link" aria-disabled="true" {% else %} href="{{ block.settings.link }}" {% endif %} class="multicolumn-link-list" >

6. Then search use the " </li>" in the same file in search field and paste the below code before the searched key word as like attached screenshot,

</a>

7. 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.

[Anum990]

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