Put searched items by search bar in home page in a Table

Hi guys,

I appreciate your support in putting search bar results as follows :

1- Search entry stage,Prices inlined with product title, and put in a table.

2- Search results page, all in a table.

Thank you,

allianceautoproducts.com

Hi @Alliance

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag


Hope this answer helps.

Best regards,

Victor | PageFly

Some codes showing n the table. And needs some modifications:

About the problem of the wrong code you need to contact the theme to solve it because the code is currently redundant with the word “form” that’s why it displays wrong.

About the problem of missing border you can add this code.


Hi Victor,

Still that missing border there.

This code of mine works on devtool, please help me check the code on theme.liquid again or you can add this code to some theme.scss.css file

.list-view-item__image-column {

border-right: 1px solid !important;
}

.page-width {

padding: 0 !important;

}

dl.price.price--listing.price--on-sale {

padding-right: 20px !important;
}

Can we style it as the heaer search bar:

1- Background color: black

2- Font color: White

3- Cancel button “X”: White

Hi Victor,

Unfortunately, few things happened:

1- In mobile view, brands section got affected. There is gap generated between brands logos.

2- In mobile view, all in a mess.

Please help me add this code on file theme.scss.css to fix the logo

@media screen and (max-width: 767px){
li.logo-bar__item {
    width: 48% !important;
}
}

And tablet I can see it working fine on my side, you fixed it right ?

About the search Bar style, I think you should contact the theme to fix it, they can give you the best solution.

Hi Victor,

All fixed by one of the community supporters. Clean code with no tries. I didn’t have to refer to the theme delevopers.

Thank you