Inspiration - ready theme

Visitors of online stores are usually very moody, impatient and, let's be honest, quite lazy. You welcome them with open arms, but they don't always reciprocate. They cannot wait a few seconds for a page to load, they will click the "Place order" button, lose their cart and ultimately order something they didn't want, and then write a negative review instead of looking into your location, becoming a bit more patient and a bit more attentive.

However, as in any relationship, someone has to make the first move! And now you don't need to worry anymore - we made that move for you, the design theme "Inspiration" - Inspiracja!

New technologies are already here!

Let's start with the most interesting part - the appearance!

We suggest choosing one of the epithets most suitable for describing your store's design, because from now on, you decide how your page should look and where a given element should be placed!

7 basic header layouts.

Header elements have their own settings and can be disabled in the theme settings.

4 basic footer layouts.

All footer elements are editable and can be disabled in the theme settings.

Footer or header layout.

Based on a ready-made layout (header/footer), you can create your own, set the color scheme, place elements in the desired order, and define block characteristics for devices of different widths, spending only a few minutes on it.

Product page display.

Choose your preferred product page layout options.

Select the display mode and location of product thumbnails.

Disable basic or add product information elements and display everything in the appropriate order.

Related store elements

You can select and customize the elements of the store's main page:

• slideshow
• promotion cards
• info blocks
• categories
• product lists
• brands
• news
• image

Each store element has its own layout and appearance settings, and each of the listed elements can be placed in different configurations on any other pages of the site.

Popup windows, galleries, sliders, accordions and much more!

The theme uses "UIkit" - a highly modular front-end framework that stands out from most flexible and responsive components with clear names. It includes many modular components, among which: menus, HTML forms, tables, JS components (tabs and modal windows, general elements such as buttons, badges and overlays), as well as layout elements like fluid, adaptive grid systems.

You can independently use any component both on pages and in theme files - all functionality is already available and configured.

Icons

SVG objects are used as icons, which allows for increased speed due to the absence of additional http requests, and moreover, there is no dependency on third-party services that may be blocked or run slowly.

Interactive map

A setting has been added to the theme that allows you to display a map with the location address of the office or store.

Theme design

Any change to the appearance of any groups of elements!

In the Settings themes, we removed all elements related to the design. We placed all design settings in a separate free plugin - "Customize theme", where you can choose the color, fonts, indents, etc.; see the result without reloading the page.

Linking product parameters

With several product parameters, you can check the availability of the desired purchase option through changes in neighboring fields ("availability" and the "add to cart" button) and only after selecting the last parameter. For a visitor unfamiliar with the logic and functionality of the store, this is more of a lottery.

The "Inspiration" theme contains a solution to this problem! All parameters are linked in it, regardless of how many there are. Purchasing will not become a difficult task for the visitor, they will not have to randomly click buttons - they will see the availability of each option.

Linking variations and product images.

In the Shopy-Script app, an image can be linked to each variation. When changing the variation, the main images change. But only in the "Inspiration" theme, when scrolling through images, the product parameter values change.

First available item.

The main item is not in stock - this means that the visitor, after entering the product page, will see that it is not in stock, but perhaps its variations are in stock. However, the visitor may not guess this. The "Inspiration" theme (when the option is enabled) selects the first variation available for purchase on the product page.

Product catalog numbers.

Items on radio elements can be replaced with regular buttons.

Automatic sticker.

In product lists, products with a crossed-out price automatically get a sticker - "discount ..%".

"You save" block.

On the product page, in the case of a crossed-out price, a block with the text - "Savings" automatically appears.

Notification.

In case of a delayed response from the server, the user may not immediately see the result of their actions. They will either leave the site or keep clicking until something happens. And what might happen, for example: an error screen, a dozen identical orders, or a full cart of identical products with a huge total.

In the "Inspiration" theme, clicking a button blocks the element and displays a progress icon until a response is received from the server. Double-clicking the button simply will not work, and at the same time the visitor sees that something is happening and that no one has forgotten about them.

Anti-spam filter.

Spam reviews, bots: each of us knows what it is and how much time it takes to control and clean the site from this garbage. The "Inspiration" theme has a built-in solution that can be a serious obstacle for many automated spammers.

SEO optimization:

• rel="canonical", rel="prev" and rel="next" for store categories.
• Disabling the category description on the 2nd and subsequent store pages.
• SVG objects are used as icons, which helps increase speed due to the lack of additional http requests, and there is also no dependency on third-party services (which may be blocked or run slowly).
• Support for "schema.org" microdata compliant with the standard.
• Lazy image loading. Images in an online store take up an impressive portion of the content, nearly doubling page load times and generating numerous "pagespeed" notifications about optimization and non-compliance. Lazy image loading from "Inspiration" allows you to get rid of this problem.

Other settings

Almost all other settings are present in almost all other themes, so we will simply list them.

• Disable sidebar on all page types (Home page, category, product, cart, store and site pages)
• Choice of location for the category description.
• Lazy loading after clicking the "Show more" button after the first 2 automatic loads (custom option).
• Sticky purchase block on the product page
• It is possible to enable an additional information block on the product page (initially there is a short description and specifications, which can be replaced with any other content)
• The slideshow on the main page can work with promotional cards, photo application images, and product lists. Moreover, in the demo mode of promotional cards, you can select the range from and to.
• Product variants
• Enabling and disabling the product SKU and rating
• Enabling/Disabling the "product quantity" selection for adding to cart
• Display type for product reviews: Accordion, Tabs, or blocks
• Blocks of arbitrary product information (the same for all store products)
• Cart with a dropdown list of added products, where you can change the quantity, remove the product
• Automatic product search while filling in the first characters
• "Scroll to top" button
• Ability to upload a "Stub" image for products that do not have an image
• Site language switcher
• Currency selection
• Comparison functionality (can be disabled)
• Favorite products functionality (can be disabled)
• Recently viewed products functionality (can be disabled)
• Ability to disable the purchase functionality (no Buy button and cart)
• AJAX filter - automatic loading of products depending on selected features
• Product quick view
• Image slider on the product list card
• Ability to disable/enable elements on the product list card
• Contact data configuration
• Map on the store's main page
• Social media service buttons/links
• Fields for social media widgets
• Field for inserting visit counter code
• Support for "schema.org" microdata compliant with the standard

Adaptation to any viewing device.

"Inspiration" is beautifully displayed on mobile device screens, no less convenient than using the full version of the page.

Clean and professionally written code:

Not a single error during w3c.org validation