Skip to content

README.md

Latest commit

 

History

History
83 lines (55 loc) · 3.47 KB

README.md

File metadata and controls

83 lines (55 loc) · 3.47 KB

Clean Theme

This is a multi-purpose theme, ideal for cosmetic, clothing, or fashion industries.

clean_theme_image_text_overlay

Configuration

  • Upload it via the theme importer
  • Preview your theme

Please follow these steps to ensure your theme templates are correctly uploaded and updated:

1. Verify Existing Templates

Go to your theme’s resources directory and check if the following templates are already present:

  • resources/dist/manifest.json
  • resources/dist/scripts/featured-slider-JG578YU.js
  • resources/dist/styles/tns-icon-TR56D3Z.css

If these templates are missing, you’ll need to add them manually.

2. Manually Add the Missing Templates

  • Navigate to the theme templates section
  • Add the missing templates listed above to your resources directory

3. Unzip and Update Your Theme

  • Unzip your theme package
  • Locate each of the required templates within the unzipped files
  • Update the content of each template to match the new files accordingly

Directory Structure

We have developed this theme using the Base Theme as a boilerplate. The Clean theme doesn't contain all the base theme structure, we only include those customised, modified and new templates, snippets, variables or translations. Feel free to create a brand new theme using the base theme.

New Templates

You can create new templates as long as they reside within the standard directory structure.

Features

featured_categories_slider
  • New card carousels for featured categories, products, or filtered products
  • New content template that renders one category only. This is ideal if you want to showcase products that are part of a given category you want to promote. It also helps to keep your org organized systematically.
  • Jost font to provide a minimalistic style. You can change the font in a more efficient way to improve your SEO performance.
  • Single product card to showcase a specific product
  • Multi-purpose cards
  • New featured articles design
  • Compacted articles for better readability
  • Sign-up to newsletter form template to adjust it to any third-party provider
  • Sticky header
  • Compiled and minified CSS and JS
  • Uses StoreConnect CSS framework significantly reducing custom theme CSS
  • Accordion tabs ideal for content blocks sections on the product page, but they can also be used in any content block and page content.
  • Automated tab panel for features, specifications, downloads, warranty, and support tabs (it can be removed to use default accordions and sections)

New Content Blocks

  • accordion_tab
  • container_skinny 80% max width
  • filtered_products
  • single_card
  • single_product_card

Modified Content Blocks

  • container
  • featured_articles
  • featured_categories
  • single_card

How to Add Content Blocks to Picklist

You can follow the instructions in this document to add content blocks to the picklist.

Recommended Help Articles