How can I create a dynamic logo showcase for my clients page?

How can I create a dynamic logo showcase for my clients page?

TheBrandAudit
Tourist
11 0 1

Hi Shopify Community,

 

I'm building a page that speaks to the clients I've serviced and want to have a scrolling bar that showcases my client logos. Right now I just have a static image with my client logos which is boring. 

 

The only FREE app options I can find are ones that limit it to 3 logos (I have 7 I want to showcase). 

 

The rest are $5-10 per month which seems pricey to me. 

 

Thank you for your help!


Christina

Happy to be here building on Shopify!
Replies 7 (7)

zaczee
Globetrotter
855 46 42

Hi,

 

We need to create a custom logo slider section in the code 

TheBrandAudit
Tourist
11 0 1

I'm a solopreneur just building the website myself (without a web developer) so just looking at some free options for now before I hire an agency to do any customization work. 

Happy to be here building on Shopify!

gr_trading
Shopify Partner
1834 145 192

Hi @TheBrandAudit 

 

We can create a section widget in which you will able to add upto 50 logo using customizer.

 

Let me know if interested?

For any custom development WhatsApp or connect at Email ID: gr.trading15@gmail.com for quick consultation. | Shopify Free codes
To support Buy Me a Coffee
TheBrandAudit
Tourist
11 0 1

Just looking at some free options for now before I hire an agency to do any customization work. 

Happy to be here building on Shopify!

PaulNewton
Shopify Partner
6350 582 1355

@TheBrandAudit wrote:

Right now I just have a static image with my client logos which is boring.


Boring is effective and affordable vs unnecessary UI's or slideshows.

How many big name sites do you see animating their client/partner/integration image-lists.

Do you have any proof, anything beside personal aesthetics, this is worth spending any time on such as analytics that show prospects behavior generates leads from the static-image. Counterpoint: or that the static-image causes bounces;  which can just be because the image is to large and the site is large which a slideshow doesn't fix.

 

Simplest,  if you accept the cost/performance overhead, is to use a pagebuider app/service. 

 

Otherwise DIY using the logo list example, with CSS setting a max-height or max-width on it and overflow set to scroll

https://shopify.github.io/liquid-code-examples/example/logo-list 

If by "scroll" you mean auto advancing, a slideshow tons of "tutorials" available on that. 

 

Anything beyond that you'd have to be much more descriptive and provide examples while being more and more unlikely to find specific code for specific requirements for free.

 

Merchants than need this type of customization can contact me directly by mail for services.
Please always provide context, examples: store url, theme name, post url(s) , or any further detail.
Contact Info in signature.

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org


TheBrandAudit
Tourist
11 0 1

Thanks so much for your help Paul!

Ideally, I was looking for a dynamic moving slideshow effect like the App Logolicious: https://apps.shopify.com/logo-slider?st_source=autocomplete

 

Appreciate your perspective that it is after all an aesthetic feature and static may be the way to go instead of incurring added costs. 

I tried this solution above, but as an FYI it was resulting in the logos overlapping (even though I sized each of them 300x300px), so I just created a static banner in Canva and did an image section on the Homepage.

 

Thanks,


Christina

 

 

Happy to be here building on Shopify!

gr_trading
Shopify Partner
1834 145 192

Hi @TheBrandAudit 

 

Please refer the below video to create a custom section, since section is made with custom code can be used in any theme.

 

 

Hope this will helps...

For any custom development WhatsApp or connect at Email ID: gr.trading15@gmail.com for quick consultation. | Shopify Free codes
To support Buy Me a Coffee