Frequently Asked Questions

LSX Design Theme

  • What is the WordPress Site Editor?

    The WordPress Site Editor, often referred to as simply “Site Editor,” is a powerful tool within the WordPress platform that allows users to visually create and customize the layout and design of their website. This feature provides a user-friendly interface where you can drag and drop elements, change styling, adjust layouts, and more, all in real-time without the need to write any code. The WordPress Site Editor is an excellent tool for users who prefer a more visual approach to building and designing their websites.

  • What is a WordPress Classic Theme?

    A WordPress classic theme is a traditional theme that relies on PHP templates and the older, non-block-based WordPress editor (also known as the Classic Editor). These themes have been the standard for many years and provide a more structured and less flexible approach to theme development compared to block themes.

    Key features of a classic theme include:

    • Template Files: Utilizes PHP files to define various parts of the site, such as header.php, footer.php, page.php, and single.php.
    • Widget Areas: Defined areas in the theme where users can add widgets, such as sidebars or footers.
    • Theme Options: Typically provides a customizer interface or a theme options page for settings and customization.
    • Custom Page Templates: Allows the creation of custom templates for specific pages, offering different layouts or functionality.

    Both block themes and classic themes serve different needs and preferences, with block themes offering more flexibility and modern editing capabilities, while classic themes provide a more familiar and stable development environment.

  • What is a WordPress Block Theme?

    A WordPress block theme is a type of theme designed to work with the WordPress block editor (Gutenberg). These themes leverage the full site editing capabilities of WordPress, allowing users to create and customize their site using blocks.

    Key features of a block theme include:

    • Block-based Structure: Content and site layout are created using blocks, providing a more modular and flexible design approach.
    • Full Site Editing: Users can edit not just the content within posts and pages, but also headers, footers, sidebars, and other template parts directly from the WordPress editor.
    • Global Styles: Customizable design options that apply site-wide, allowing for consistent typography, colors, and spacing.
    • Template Editing: Users can create and modify templates and template parts, such as headers and footers, using the block editor.

Tour Operator Plugin

  • How does the Tour Operator plugin organise my tour operator website content?

    The LSX Tour Operator plugin provides the additional functionality required for a Tour Operator’s website. The addition of post types such as “Tours” and “Accommodations” allow content to be organised.

  • Is connected content easily accessible to the user? Info on an accommodation visited in a tour?

    Each post type allows you to upload specific content that relates to the other post types. When a prospective client is viewing a destination they wish to travel to, they will also be able to view relevant tour packages and accommodations related to the destination being viewed. The same applies to the viewing of any post under any post type. If viewing a tour, the user will be able to view the accommodations and destinations associated with the tour.

WooCommerce Store Customiser

  • Can I use classic templates instead of blocks for my store?

    Yes, the LSX Design Theme supports both block-based customisation and classic PHP templates. If you are using WooCommerce extensions that rely on classic templates (like for the Cart or Checkout pages), you can continue to use them without any compatibility issues.

  • Do I need coding skills to customise my WooCommerce store with LSX Design?

    No coding skills are required! The LSX Design Theme leverages WordPress’s block editor and WooCommerce’s Store Customiser, allowing you to drag and drop blocks and adjust settings directly from the dashboard. This makes it easy to customise your store visually without needing technical expertise.

  • How do I maintain consistency across all my store pages?

    You can ensure visual consistency across your store by defining Global Styles within the LSX Design Theme. These styles allow you to set typography, colour schemes, and button styles, ensuring that all pages adhere to your brand’s guidelines.

  • Can I customise the Checkout and Cart pages with the LSX Design Theme?

    Yes! The LSX Design Theme fully supports WooCommerce’s Cart and Checkout Blocks, allowing you to customise these pages to match your store’s branding and functionality. You can modify the layout, add custom shipping options, and maintain compatibility with WooCommerce extensions that require traditional templates.

  • How do I customise my WooCommerce store using the LSX Design Theme?

    The LSX Design Theme integrates with the WooCommerce Store Customiser, allowing you to modify your store’s layout and design using the block editor. You can customise key pages like the Shop, Product Pages, Cart, and Checkout using blocks and patterns to create a unique shopping experience.

Design System

  • What is theme.json, and how does it integrate with the LSX Design System?

    The theme.json file in WordPress centralises theme settings like colours, typography, and layout. When using the LSX Design System, you can extract design tokens from Figma and apply them to theme.json, ensuring consistency across the entire site in both front-end and editor experiences.

  • How does Figma Developer Mode help with the design-to-code handoff?

    Figma Developer Mode allows developers to access design specifications such as colours, typography, and spacing. Developers can extract CSS, download assets, and implement styles directly from Figma into their codebase, streamlining the handoff process.

  • Can I customise the components and templates in the LSX Design System?

    Yes! All components and templates are fully customisable. You can modify the colours, fonts, and layouts to align with your brand. The system is built with flexible variables and properties, making it easy to adapt to any project.

  • How do I get started with the LSX Design System in Figma?

    To get started, download the design system file from lsx.rocks/design-system. Then, follow the setup steps to assign your brand’s colours, typography, and other variables before starting your design.

  • What is the LSX Design System, and how does it benefit my project?

    The LSX Design System is a comprehensive toolkit built in Figma that includes pre-built components, templates, and patterns for building websites and WooCommerce stores. It ensures consistency, speeds up the design process, and helps designers and developers collaborate more effectively.