WooCommerce Templates with LSX Design Theme #
Templates in WooCommerce define the overall layout and structure of your store’s pages. These templates dictate where various elements—such as headers, footers, product listings, and checkout forms—appear on a page. With the LSX Design Theme, you can fully customise these templates using both the WordPress block editor and traditional PHP-based templates, providing flexibility for both modern and legacy WooCommerce implementations.
Templates are an essential part of WooCommerce customisation, allowing you to control the look and functionality of your store’s key pages, such as the shop, product, cart, and checkout pages. The LSX Design Theme gives you the tools to easily modify these templates to fit your store’s specific needs, whether you’re using block-based layouts or relying on classic templates for certain components.
What Are WooCommerce Templates? #
A template in WooCommerce is essentially a predefined layout that dictates how content is structured on a specific page. These templates allow you to control the placement of key elements like product grids, descriptions, reviews, and checkout forms. Templates are available for the following common WooCommerce pages:
- Shop: Displays all available products in a grid or list format.
- Single Product: Shows individual product details, including images, descriptions, pricing, and add-to-cart options.
- Cart: Displays the products a customer has added to their cart, along with subtotal and shipping information.
- Checkout: Allows customers to enter shipping and payment details to complete their purchase.
- Account: Displays customer account information, order history, and saved payment methods.
The LSX Design Theme gives you the flexibility to modify these templates through the block editor or by editing classic PHP templates where needed.
- For an overview of how templates work in block themes, refer to the Template Editor Guide.
Customising WooCommerce Templates with LSX Design Theme #
1. Block-Based Templates #
With WordPress’s transition to block themes, WooCommerce templates can now be customised using the block editor. This makes it easy to rearrange page elements and customise layouts without needing to write code. LSX Design fully supports this modern block-based approach, offering intuitive tools for users to modify templates visually.
For example, you can edit the Shop template to adjust the number of products displayed per row, customise the product grid layout, and control how information like price and add-to-cart buttons are presented. Similarly, the Product Page template can be modified to change the layout of the product image gallery, descriptions, and related products.
- To learn more about how block themes handle templates, visit the Block Themes Overview.
2. Classic PHP Templates #
While WooCommerce is moving towards block-based templates, LSX Design still supports classic PHP-based templates, especially for components like the Cart and Checkout pages. This is essential for store owners using certain WooCommerce extensions that may not yet fully support blocks. You can customise these classic templates by modifying the PHP code, or by relying on the built-in options provided by LSX Design to adjust layouts and styling.
For example, the classic Checkout template might still be necessary if you’re using WooCommerce extensions that add custom fields or logic during the checkout process. LSX Design ensures compatibility with these traditional templates while encouraging a transition to the more flexible block-based system when possible.
3. Creating Custom Templates #
With LSX Design, you can create custom templates for specific pages or products. This allows you to tailor the design for unique product lines, promotional pages, or special categories. By using the block editor, you can quickly build a custom layout by rearranging blocks, adding new sections, or modifying existing content blocks.
You can create custom templates for:
- Product Pages: Adjust the layout and elements of specific product pages, such as premium products or seasonal offerings.
- Category Pages: Tailor the layout for different product categories, using specific designs to highlight featured or best-selling items.
- Special Pages: Design landing pages for special promotions, sales, or events using custom templates that fit the occasion.
- For more on creating and editing templates, check out the Template Editor Guide.
Key WooCommerce Templates and How to Customise Them #
1. Shop Page Template #
The Shop page displays all products available in your WooCommerce store. Using LSX Design and the block editor, you can customise the shop page to control the layout, number of products per row, and the information displayed for each product.
- Customisation Options: Modify the product grid layout, adjust image sizes, and control the visibility of elements such as prices, reviews, and add-to-cart buttons.
- Classic PHP Option: For users who need to maintain a more traditional setup, the classic PHP template for the shop page is still available, ensuring compatibility with extensions that modify shop behaviour.
2. Single Product Template #
The Single Product template is used to display individual product details. With LSX Design, you can rearrange the product gallery, pricing, and related products using blocks.
- Customisation Options: Modify the placement of the product title, price, short description, and images. Add blocks for customer reviews, upsells, or cross-sells to enhance product visibility.
- Classic PHP Option: The classic product template remains available for stores relying on older WooCommerce extensions that manipulate the product page.
3. Cart and Checkout Templates #
As WooCommerce shifts towards block-based Cart and Checkout experiences, LSX Design allows users to customise these pages using blocks. However, classic PHP templates are also supported, providing flexibility for those using extensions that require the traditional layout.
- Cart Customisation: Adjust the layout of the cart page using blocks, such as changing the placement of product details, subtotal displays, and shipping information.
- Checkout Customisation: Modify the checkout process, adjusting fields like shipping and payment information or adding custom checkout blocks.
- For more on recent updates to the Cart and Checkout templates, see the Cart & Checkout Blocks Overview.
Customising Templates in the LSX Design Theme: Block-Based and Classic #
With LSX Design, you can choose the level of customisation that works best for your store. The theme’s support for both block-based templates and classic PHP templates provides flexibility and ensures that you can manage WooCommerce store customisation regardless of the specific requirements of your store.
- Block-Based Customisation: Use the block editor to visually modify WooCommerce templates, adding or rearranging blocks to create unique layouts.
- Classic Template Support: For users who need more control or compatibility with WooCommerce extensions, the LSX Design Theme retains support for classic templates, allowing users to customise templates through traditional PHP editing if necessary.
Whether you’re building a fully modern block-based store or maintaining legacy functionality with classic templates, LSX Design offers the tools to make WooCommerce store customisation straightforward and powerful.For further guidance on working with WooCommerce templates, visit the WooCommerce Blocks Documentation.
