Welcome to the WooCommerce Demo Store

- Introduction -

This is a fully functional e-commerce demo store created to showcase the capabilities of WordPress and WooCommerce. The goal of this store is to give potential clients a clear understanding of what to expect when building an online store using WordPress. You can explore the store, test its features, and even go through a complete checkout process to experience how payments work (no real money will be used and purchased example products will not be delivered). When making a test purchase, it is recommeneded to use example data, please refer to “Testing Payment Methods” section down below.

-Technologies Used -

This store is built using WordPress, the world’s most popular website-building platform, and is hosted on Hostinger.lt.

Why WordPress?

  • Flexible & Scalable – Perfect for businesses of all sizes.
  • Easy to Manage – No coding knowledge is required for basic operations.
  • SEO-Friendly – Optimized for search engines right out of the box.
  • Huge Plugin Ecosystem – Thousands of plugins allow for custom functionality.

Why Hostinger.lt?

  • Fast and Reliable Hosting – Ensures quick loading times.
  • Easy File Access – As a developer, I can quickly edit files when needed.
  • Affordable and Scalable – Ideal for growing businesses.

- Design & Customization -

When creating a WordPress website, the first step is selecting a theme. The theme serves as the foundation for the website’s design and layout, providing pre-built styles and functionalities. Most WordPress users rely on the theme’s built-in features to design their pages.

However, for a full-stack developer, the theme selection is less critical because I have direct access to the theme’s files. This means I can override functionality, modify styles, and customize elements beyond what the theme allows. This is especially important when a client requests specific design or functionality changes that are not natively supported by the theme. Instead of being restricted to theme options, I can modify code-level elements to achieve the desired outcome.

For this demo store, I chose the OceanWP theme, which offers flexibility and e-commerce compatibility. To ensure that my modifications do not get lost when the theme updates, I implemented a child theme.

Why Use a Child Theme?

A child theme allows developers to make changes to the site without affecting the core theme files.

✅ Custom edits remain intact after theme updates.
✅ The website stays secure and up to date.
✅ Advanced functionality and styling changes can be implemented without limitations.

For this demo, I made targeted changes to the style.css and functions.php files to enhance the design and improve integration with Elementor, WooCommerce, and other plugins.

- Plugins & Features -

This store is powered by several key plugins that enhance its functionality:

  • Elementor Pro – Drag-and-drop page builder for advanced design.
  • WooCommerce – The core e-commerce plugin handling products, orders, and payments.
  • Paysera Payment Gateway – Integrated to allow customers to test payment processing.
  • WBW Filter – Provides advanced product filtering options.

- What You Can Do in This Demo Store -

This demo store allows you to test various features, including:

  • Browsing Products – View different products and categories.
  • Adding to Cart – Experience the shopping process.
  • Testing Checkout & Payments – Complete an order with various payment methods.
  • Exploring Design & Layout – See how an e-commerce store is structured.

- Payments & Checkout -

Demo Store – No Real Money Transactions

This store is a demonstration website, meaning that all products listed are not real, and no actual money will be charged when making a purchase. All transactions are in test mode, allowing users to explore the checkout process risk-free.

Payment Options Available

The demo store currently supports two types of checkout experiences:

Express Checkout – Allows users to quickly complete a purchase using:

  • PayPal
  • Google Pay

Detailed Checkout – If you select “Proceed to Checkout,” you can enter your contact details (address, email) and select a shipping method if required. Available payment methods include:

  • Credit/Debit Cards (Visa, Mastercard, American Express, Discover)
  • Cash on Delivery
  • Paysera
  • PayPal

If you provide a real email, you will receive a purchase confirmation email.

Shipping Integration with Paysera

With the latest update, Paysera now supports shipping partnerships with multiple carriers. Based on the selected country, the available shipping methods will be dynamically displayed at checkout.

Testing Payment Methods

To ensure a smooth testing experience, use the following test credentials when making a purchase:

Credit Card (For Card Payments)

  • Card Number: 4000 0044 0000 0000
  • Expiration Date: 11/25
  • Security Code (CVV): 101

💡 Credit card transactions are simulated, and no actual money will be deducted.

Paysera (For Bank Payments)

  • Paysera is in test mode, so transactions will be automated without requiring login or additional details.

PayPal (For PayPal Payments)

💡 Log in with these test PayPal credentials to complete a test transaction.