Tech Space Theme for YOOtheme Pro

Say hello to Tech Space – our new theme package for YOOtheme Pro. Tech Space is a product catalog filled with 155+ demo posts. It also makes use of all features of YOOtheme Pro 2.0, dynamic content, custom fields and the template builder. A clean tiled layout gives it an organized look perfect for presenting different products. With its flat style, vibrant colors and heavy headlines Tech Space is perfect for a product catalog, ecommerce shop or any technology related website. Let's take a look.

Page Layouts

Tech Space is a product catalog website which comes with 6 different layouts. Products are teased in different tiled layouts with colorful call to action sections attracting attention of the visitors.

Home Layout

Home

Categories Layout

Categories

Product Category Layout

Product Category

Product Post Layout

Product Post

How It Works Layout

How It Works

Best Deals Layout

Product Featured

Here is a detailed description of all layouts.

Page Type Description
Home Page Presents the featured and most popular products, best deals as well as all product categories in different sections.
Categories Page Shows an overview of all products categories in 4-column layouts.
Product Category Template Shows an overview of all subcategories as well as all products from the category in a 4-column layout.
Product Post Template Shows the product, its price, specs, delivery information, frequently asked questions as well as related products.
How It Works Page Explains the process of renting products. Shows featured products in an animated slider.
Best Deals Template Shows featured products only in a 2- and 4-column layouts.

Styles

Our new theme has a clean, flat style with a mix of outlined and plain buttons with slightly rounded borders. A vibrant primary color and thicker border contrast with a thin typography and a sans-serif font. They ensure good legibility, give the website a versatile look and make Tech Space a perfect fit for a products website.

Default Style

Apart from the default style, Tech Space comes with 5 other style variations, each with a different beautiful color scheme. With a vibrant primary color, all Tech Space styles are bound to give a splash of color to any website. Choose the one that fits your needs best.

White-Green Style

White Green

White-Pink Style

White Pink

White-Blue Style

White Blue

White-Darkblue Style

White Darkblue

White-Orange Style

White Orange

Handmade Icons

We also handcrafted icons that are very useful for any ecommerce website. Of course, you can change their color and use them with any style.

Icon Search Decoration
Icon Package Decoration
Icon Truck Decoration
Icon Package
Icon Truck
Icon Calendar
Icon Sustainability
Icon Protection
Icon Costs
Icon Upgrade

Content Types and Custom Fields

Tech Space comes with pages and templates for products filled with 155+ demo posts. In Joomla this content type is created by assigning custom fields to the Products category, while in WordPress Product custom post type is used. Unlike other themes, Tech Space has no blog pages.

Products

Tech Space products are organized in a two-level category hierarchy. There are 155+ products sorted into 8 main categories: Home Entertainment, Computers, Phones & Tablets, Cameras, Audio & Music, Gaming & VR, Wearables and Drones. Each category has up to 4 subcategories.

The first-level product categories have 13 custom fields which are dynamically mapped into the products category template.

Category Field Type (J) Type (WP) Description
Image Text Color list select Background image text color
Intro Image media image Category intro image used on the home page
Intro Image Alt Text text - Category intro image alt text
Intro Image Large media image A larger category intro image used on the Categories page
Intro Image Large Alt Text text - Category intro image large alt text
Teaser Title text text Alternative title used to tease categories on the home page
Teaser Image BG Top media image A teaser background image with the focus at the top, so a text overlay can be placed at the bottom.
Teaser Image BG Top Alt Text text - Alternative image alt text
Teaser Image BG Left media image A teaser background image with the focus on the left, so a text overlay can be placed on the right.
Teaser Image BG Left Alt Text text - Alternative image alt text
Teaser Image BG Right media image A teaser background image with the focus on the right, so a text overlay can be placed on the left.
Teaser Image BG Right Alt Text text - Alternative image alt text
Teaser Image BG Bottom media image A teaser background image with the focus at the bottom, so a text overlay can be placed at the top.
Teaser Image BG Bottom Alt Text text - Alternative image alt text
Teaser Image BG Text Color list select Background image text color

The product post type has 9 custom fields which are dynamically mapped into the category and single post templates.

Product Field Type (J) Type (WP) Description
Intro Image - image The intro image of the product
Subtitle text text Product subtitle
Price text text Product price
Headline text text Product headline
Images repeatable relationship A list of product images with image and image alt text fields
Specification repeatable relationship A list of product specifications with title and content fields
In the box repeatable relationship A list of delivered contents with a title field
FAQ repeatable relationship A list of frequently asked questions with title and content fields
Related Products articles relationship A list of related products

Tech Space makes use of featured posts. They have a dedicated featured page Best Deals and are dynamically teased on the home page. Joomla offers Featured Articles out-of-the box, but we had to put an extra effort to find a way to transfer this functionality to WordPress. That's why we created an additional custom taxonomy called Flags. It's used for functional tags which should not be displayed visually together with the usual Tags taxonomy.

3rd Party Integrations

To get the same result in the WordPress and Joomla demo packages, we are using several 3rd party plugins. For more information on all pre-installed and activated plugins, take a look at the installation documentation for Joomla and WordPress.

Free Quality Stock Images

Tech Space comes with 160+ lovingly curated and free-to-use images. Take a look at some of them below. These images can be found in the Tech Space collection in the Unsplash library.

More than 160 lovingly curated and free-to-use images

Important Notes

Currently the Tech Space layouts are not available in the layout library. This is because their content is loaded dynamically, and most of the mapped custom fields, content sources or handpicked articles and categories will not be available in your installation. But we are working on a solution to convert these dynamic layouts to static layouts which we will add to the layout library.

Now go ahead and explore our Tech Space theme. As always, let us know what you think in the comments below.

  • Product catalog site with 155+ demo posts
  • 6 page builder layouts
  • 6 beautiful styles
  • 1 content type and 22 custom fields
  • 160+ lovingly curated and free-to-use images
  • Powered by the YOOtheme Pro page builder
  • Available as WordPress theme and Joomla template

Related



Join Now
Documentation