Rifleloupe: Webflow to Shopify Migration with Bilingual Catalog, Adverts Management & Classifieds for a Premium Firearms Platform

To enhance functionality on the platform, AddWeb Solution migrated a curated firearms catalog site from Webflow to Shopify, preserving both the look and feel of the site while significantly improving functionality across bilingual support, ad management, classifieds, and catalog operations. The platform has been developed using the features of the Sales Layer product information management, JSS, Translate & Adapt for Spanish and English language support. It is now a powerful, catalog-first firearms destination for serious buyers, firearm researchers, private sellers, and firearm enthusiasts in Spain and around the world.
Once you get a copy of the code from the source, you can move it to your live site. After cloning the code from the source site, you can move to your live site.

Executing a Design-Faithful, Functionally Enhanced Webflow to Shopify Migration for a Specialist Firearms Catalog

AddWeb Solution began with a comprehensive Figma documentation phase, mapping every existing Webflow page, component, and design element before a single line of Shopify code was written. This documentation-first approach was critical — it created a definitive reference for every design decision throughout the migration, ensuring nothing was lost or approximated in the transition between platforms.

The Shopify build was structured on the Horizon theme as the foundation, with extensive customization applied to faithfully replicate Rifleloupe’s existing visual identity and page layouts. Every page was rebuilt in Shopify with pixel-level attention to the original Webflow design — typography, spacing, color, imagery treatment, and component behavior were all matched to the documented Figma specifications before sign-off.

Sales Layer was integrated as the product information management system, providing a scalable, structured approach to catalog data management that Webflow had been unable to support. This integration gave Rifleloupe a robust backend for managing their firearms catalog at scale, with clean data flows between Sales Layer and the Shopify frontend.

The bilingual configuration was implemented using Shopify’s Translate & Adapt plugin, with Spanish set as the primary language and English as the secondary, ensuring all content, product listings, and interface elements were accurately translated and consistently presented across both language versions of the platform. The Search and Discovery filter was configured to support intuitive catalog browsing across Rifleloupe’s specialist product range.

Adverts management and classifieds functionality was developed as a custom solution within the Shopify environment, one of the most complex requirements of the project, given Shopify’s native architecture is not designed for classified or advert-based marketplace models. JSS and Powerful Form were used alongside custom development to deliver this functionality within the platform’s catalog-only, no-checkout configuration.

Open Graph metadata was configured across all pages to ensure accurate, visually appropriate social sharing previews — important for a platform whose audience actively shares and discusses firearms catalog content across specialist communities.

5+

Team Members

29+

Development & Migration Days

14+

Client Call

4+

Core Functionalities Implemented
(Migration, Catalog, Ads, Classifieds)

What Was Delivered

Webflow to Shopify Migration
A complete, design-faithful migration of the Rifleloupe platform from Webflow to Shopify — preserving every element of the existing visual identity and user experience while transitioning to a more scalable, manageable, and functionally capable platform architecture.

Figma Design Documentation
A comprehensive Figma documentation of all existing Webflow pages and components, creating a definitive design reference that guided every migration and rebuild decision throughout the project.

Horizon Theme Customization
Extensive customization of Shopify’s Horizon theme to faithfully replicate Rifleloupe’s existing look and feel — covering typography, layout, color, imagery, and component behavior across all pages.

Catalog-Only Shopify Configuration
A carefully architected catalog-only Shopify setup with no online checkout — delivering a full, rich product browsing experience for firearms enthusiasts without the standard e-commerce purchase flow.

Sales Layer PIM Integration
Full integration of Sales Layer as Rifleloupe’s product information management system, providing a scalable, structured backend for managing the firearms catalog with clean data flows to the Shopify frontend.

Bilingual Spanish & English Support
Complete bilingual platform implementation using Shopify’s Translate & Adapt plugin — with Spanish as the primary language and English as the secondary — ensuring consistent, accurate content presentation across both language versions.

Adverts Management & Classifieds
A custom-developed adverts management and classifieds system within the Shopify environment, enabling private sellers and advertisers to list and manage firearms adverts through a structured, platform-native experience.

Search & Discovery Filter Configuration
Configured Shopify’s Search and Discovery filter for intuitive, accurate catalog browsing — enabling serious buyers and researchers to find specific firearms products efficiently within a large, specialized catalog.

Open Graph Configuration
Open Graph metadata implementation across all pages ensuring accurate, visually appropriate social sharing previews for Rifleloupe’s specialist firearms audience across social and community platforms.

Page Design & Functional Enhancements
Design and functional improvements applied across existing and new pages — enhancing the overall platform experience beyond a like-for-like migration to deliver a superior Shopify-native result.

Conducted a thorough audit of all existing Webflow pages and documented every design element, component, and content structure in Figma before migration development began.

 Configured Shopify’s Horizon theme as the migration foundation and applied extensive custom development to match Rifleloupe’s existing visual identity with pixel-level accuracy across all pages.

Integrated Sales Layer with the Shopify platform, mapping all product data fields and establishing clean, reliable data flows between the PIM system and the Shopify catalog frontend.

Configured Shopify’s Translate & Adapt plugin for full Spanish and English bilingual support, translating all content, interface elements, and product data accurately across both language versions.

 Configured and customized Shopify’s Search and Discovery application to support intuitive, accurate filtering and search across Rifleloupe’s specialist firearms catalog.

 Developed a custom adverts management system within Shopify enabling structured creation, listing, and management of firearms adverts by private sellers and platform administrators.

Built classifieds functionality within the Shopify environment, extending the platform’s catalog-only model to support private seller listings within a structured, manageable classifieds experience.

Implemented JSS and Powerful Form to support custom form interactions and dynamic functionality requirements across the adverts, classifieds, and catalog page architecture.

Configured Open Graph tags across all platform pages to ensure accurate titles, descriptions, and imagery are served when Rifleloupe content is shared across social and community platforms.

 Applied design and UX improvements beyond the like-for-like migration across key pages, elevating the overall platform experience to take advantage of Shopify’s native capabilities.

Conducted comprehensive end-to-end testing and validation across the staging environment covering both language versions, all catalog functionality, adverts management, classifieds, and design fidelity before client review.

“ This was not a simple migration and AddWeb Solution handled it with a level of care and technical depth that genuinely impressed me. The design looks exactly as it did on Webflow — our audience won’t notice the platform has changed, which was exactly what we needed. The bilingual setup works cleanly, the adverts and classifieds functionality adds real value to the platform, and the Sales Layer integration gives us a proper system for managing our catalog going forward. A complex project delivered professionally and on time. ”

Delivering a Design-Faithful, Functionally Superior Shopify Firearms Catalog with Bilingual Support and Custom Classifieds

By having an entire migration engagement with AddWeb Solution, Rifleloupe now runs on a scalable, professionally architected Shopify platform while maintaining complete design fidelity to the Webflow website and gaining many functional improvements in catalog management, bilingual support, advert management, and classifieds. The site’s dedicated audience of serious buyers, private sellers, researchers, and hunters and collectors alike will find no change to the look or feel of the site, and no disruption to their experience.

This integration with the Sales Layer PIM will provide Rifleloupe with a powerful and scalable solution for managing their catalog data with firearms, a much-needed enhancement over Webflow’s content management capabilities as the catalog continues to grow. The bilingual Spanish and English version guarantees that Rifleloupe can cater to its key Spanish-speaking audience and, at the same time, be fully accessible to English-speaking users in global markets.

Custom adverts management and classifieds are a way to make Rifleloupe more than just a catalog,  a marketplace platform where private sellers can post and run their own firearms ads in a structured, trusted environment that reinforces the brand’s positioning as an expert, curated, and reliable firearms authority.

100 %

Successful Webflow to
Shopify Migration Completion

95 %

Design Consistency Maintained
During Platform Migration

90%

Enhanced User Experience
with Improved Navigation & UI

92 %

Platform Stability &
Catalog Performance Optimization

Partner with AddWeb Solution for expert Shopify migration, multilingual configuration, and custom e-commerce platform development.

chat-board-icon

pooja

What can I help you with today?

Need to Hire a WordPress Developer?

Looking for Drupal Experts?

Need React or Laravel Help?

chat-bot-icon
Hello! How can I help you?
send-msg
Disclaimer: AI-generated replies may be inaccurate.