Brooklyn Theme w/ Product Filter & Search App

Solved
Morgan34
Tourist
10 0 1

Hey everyone,

On the Brooklyn theme I have 2 products per row. However now that I've integrated the product filter & search app into my website it's back to showing 1 product per row on the mobile device. Does anyone know how I can fix this? Screen shots below

 

BEFORE APP:

Screen Shot 2021-01-08 at 1.59.49 PM.png

 

 AFTER APP IS INSTALLED :

Screen Shot 2021-01-08 at 1.59.24 PM.png

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24923 2498 9041

This is an accepted solution.

@Morgan34 

Yes, please add this  code

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 590px) {
#CollectionSection .small--one-half {
    width: 100%;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 17 (17)
KetanKumar
Shopify Partner
24923 2498 9041

@Morgan34 

Welcome to the Shopify community!
and Thanks for your Good question.

it's third part app code remove your theme default code but can you

Please share your site URL,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Morgan34
Tourist
10 0 1
KetanKumar
Shopify Partner
24923 2498 9041

This is an accepted solution.

@Morgan34 

Yes, please add this  code

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 590px) {
#CollectionSection .small--one-half {
    width: 100%;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

AhmadNabih
Tourist
7 0 5

Hi Ketan, 

 

I tried the below code and I couldnt see any changes in the products page.

 

I am trying to add a filter where consumers would be able to sort/filter products by age or skill.

 

URL of site is: opa.toys 

 

Appreciate your kind support. 

 

Thanks,

Ahmad 

KetanKumar
Shopify Partner
24923 2498 9041

@AhmadNabih 

can you please check theme setting on collection page its allow this filter 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
AhmadNabih
Tourist
7 0 5

Hi Ketan, 

I have tried that but couldn't find any location to allow filter. Please find attached the ppt with screenshots.

Ideally, I want to make sure when customers are on my products page, they would be able to filter by 1) Age or 2) Skill type. 

Does Brooklyn theme support that? I found a message telling me that Brooklyn might not be supporting filters on the actual page  which is very weird as this is a key aspect of any customer behaviour (screenshot in 3rd slide in the attachment).

I also tried inputting the code u advised but couldn't see anything?

Looking forward to hearing from you today please.

Appreciate your usual support.

Thanks,

Ahmad 

KetanKumar
Shopify Partner
24923 2498 9041

@AhmadNabih 

can you please open collection page and check left side collection section part 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
AhmadNabih
Tourist
7 0 5

@KetanKumar that is very unclear. Can u please take screenshots of the steps I need to follow on Brooklyn screen. I have spent a lot of time trying to explain the issue. Responding with a one line just to submit the task will not help. Appreciate your kind support. Many thanks! 

KetanKumar
Shopify Partner
24923 2498 9041

@AhmadNabih 

KetanKumar_0-1636275181080.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing