Padel Pro Shop - Custom Shopify Development

What is Padel Pro Shop?
One of the largest padel stores in the world, based in Spain. They have been selling for years and have a great reputation. Their goal is to implement a higher-converting theme with an updated design, without losing their brand identity.
Stylized Sections
Starting from a base of the Clean Canvas Enterprise theme, we added a lot of custom sections to make the store unique and engaging.

Compared to the original theme, the product page is now more engaging and easier to understand with a new design.
Other new sections
Customizations
Name Personalization
Padel Pro Shop wanted to offer a name personalization option for some of their products. They already had a solution in place from their old theme that used products to handle the additional cost of personalization rather than Shopify’s built-in customization features.
I kept this product-based approach but enhanced the functionality and user experience significantly by not showing the product separately but merging it with the main product in cart. They are also tied together so if you remove one product the other product gets removed automatically.
Delivery Date
Automatically calculated delivery date based on the current date, product inventory, and warehouse working days.

Quiz Section & Players Slider
Quiz Section
Another feature I implemented was a product recommendation quiz specifically for Babolat padel rackets. This interactive tool helps customers find their perfect racket by asking questions about their:
- Playing style
- Experience level
- Power vs control preferences
- Budget range
The quiz uses conditional logic to narrow down the options and presents the best-matching Babolat rackets at the end, making selection easier for customers who aren’t sure which model to choose.
The quiz is fully customizable using the normal theme editor, each question is a section and each alternative is a block in the section. This makes the quiz highly customizable without the need of any apps
Players Slider
Another key feature is the Players Slider - a dynamic showcase of top padel athletes and their preferred equipment. Each player has their own collection of products, and we wanted an engaging way to browse through them.
The slider is built using metaobjects to store player data like:
- Name and ranking
- Player image
- Associated product collection
- Description detailing their career
This setup makes it easy for the store admin to update player information and rankings through Shopify’s admin interface. The section automatically sorts players by their ranking and creates a smooth sliding interface to browse through them.
When a player is selected, it dynamically loads their associated collection of products below the slider and updates the URL. This creates an engaging shopping experience where customers can explore products used by their favorite players while also keeping all SEO functionality of normal collections.
The slider includes smooth animations and touch/swipe support for mobile users, making it accessible across all devices. It’s also fully responsive and maintains performance by lazy loading player images as needed.
SEO and Hreflang Optimizations
One of the main SEO challenges was handling translated product URLs (handles) and hreflang tags across multiple languages. Because Padel Pro Shop wanted translated handles but also manual control of the hreflang links on the page we ran into a problem:
❌ By default, Shopify only exposes the primary language’s product handles in the storefront, making proper hreflang implementation impossible with translated handles.
To solve this, I developed a custom hreflang syncing app that:
- Stores translated product handles in metafields for each language to make the accessible in the storefront
- Generates correct hreflang tags using the translated URLs
- Syncs everything automatically when products are updated
This solution ensures search engines properly understand the relationship between translated versions of products - a crucial SEO optimization for multi-language stores.

Smart Collection Sorting
The collection pages include several key features to improve the shopping experience:
- Infinite scroll loading of products for seamless browsing without pagination
- Smart handling of sold-out products, always showing them last in every collection
- Advanced filtering system with:
- Price ranges
- Brand filtering
- Product type filtering
- Real-time updates without page reload
- Mobile-friendly filter drawer
Countdown & Sales Features
A key marketing feature is the dynamic countdown system used for “Pro Shop Thursdays” and seasonal sales. This system combines several components to create urgency and drive sales:
Dynamic Navigation
The system automatically manages a featured menu item that appears only during active countdowns. So for “Pro Shop Thursdays” it links to the Pro Shop Thursdays collection, and on black friday to the black friday collection. This menu item also shows with a special badge to bring more attention to it.

Strategic Placement
The countdown appears in multiple high-visibility locations:
- Sticky header banner
- Homepage hero section
- Product page price section
- Cart drawer
This helps drive sales through urgency. It’s also matched with a stock counter on all product pages also driving scarcity.

Metaobject-Driven Countdowns
The countdown system is fully managed through Shopify metaobjects, allowing store admins to:
- Set start and end dates/times for sales
- Customize countdown messaging and styling
- Configure which collections should be featured in the menu
- Set up multiple concurrent countdowns for different promotions
All of this is controlled through the metaobjects in Shopify admin, making it easy for the store team to manage sales without developer intervention.

The countdown feature has proven to be particularly effective, with data showing:
- Increased urgency leading to higher conversion rates
- Better engagement during seasonal sale events
- Simplified management of recurring and special sales events