I have a comparison chart but it’s not centered and/or big enough. For example like shown below.
www.theblenderlove.com pw: thewell
This is my table
Topic summary
A user is struggling to properly center and size a comparison chart on their Shopify store. They’ve uploaded screenshots showing the current implementation, which appears to be an image-based table rather than an editable element.
Proposed Solutions:
- Create an HTML-based table instead of using a static image, allowing for proper formatting and responsiveness
- Use pre-built comparison table sections that work across themes without requiring apps
- Install a dedicated comparison app (Comparely) that offers customizable styling, colors, and control over which product features to display
The discussion remains open with multiple approaches suggested but no confirmed resolution from the original poster.
1 Like
@BlenderLoveGuy
Hello,
You are adding a table Image so it’s not editable
first, you create HTML and set it as per requirement
Hi,
I have few ready made solutions for this - no need of an app.
You can use that section forever on your store on any theme you want.
Here are few options:
Comparison table #1 - https://arhamcommerce.com/products/iconic-comparison-table
Comparison table #2 - https://arhamcommerce.com/products/iconic-comparison-table-1
Comparison video - https://arhamcommerce.com/products/iconic-comparison-video
Feel free to contact if you need any other help. Thanks.
Regards
Kushal | Arham Web Works
I saw you’re looking for a product comparison app.
Full disclosure, I’m the developer of a new app called Comparely that does exactly this. I built it because I found most existing solutions weren’t very flexible.
With Comparely, you can create a side-by-side comparison table, and the best part is that it’s 100% customizable. You can control all the styles, colors, and (most importantly) you get to choose exactly which product features and attributes you want to show.
It’s designed to be lightweight and easy to set up.
Here’s the link if you want to check it out: https://apps.shopify.com/comparely
Happy to answer any questions you have about it!
Hi @BlenderLoveGuy,
If you want a fast, no-code way to get a centered, responsive and large comparison table, try the Comparison table section in Tapita AI Sections & Blocks. It’s built for responsive layouts and easy customization:
Heads-up: the built-in section may not match your exact visual example 100%, but it’s easy to tweak. If you need it to look exactly like your screenshot, just chat with Tapita support inside the app, our team can help with small code customizations free of charge or point you to the exact CSS to paste.
If you prefer a quick CSS hint instead of using the app, tell me your theme name and I’ll give you a copy-paste snippet to center and scale the table.
Hope this helps,
Sophia from The Tapita team