Clothes Theme Setup

To get the Clothes Theme set-up correctly there are a few steps that you have to take

Below you will see a few links to different blank images that are in this theme

To create a image suitable for your selected theme, copy this link and follow the details of using an online image editor – SumoPaint

 

This themes sample site has a logo size of:

240 x 55 pixels (width x height)

Sample Image Link

http://static.wearequick.com/themeimages/logo.jpg

You can add your new logo in the admin area by going to admin > system > settings (image tab)

Click here to view more details about how to add a logo

 


 

 2. Shop Details

Now your shop has been setup, you can modify your shops name, location and currency.

You can do this in the admin area by going to admin > system > settings

The fields you should edit are:

General Tab:Store Name:
Address:
E-Mail:
Telephone:
Fax:
Store Tab:Title:
Meta Tag Description:
Local Tab:Country:
Region / State:
Currency:
Length Class:
Weight Class:

 

Click here to view more details about modifying the settings area

 


 

 3. Home Page Slides

This themes sample site has a home page slide size of:

1170 x 494 pixels (width x height)

Sample Image Link

http://static.wearequick.com/themeimages/clothes/s1.jpg

 

Adding New Slides

You can add your new logo in the admin area by going to Admin > System > Home Page Slides

 

Click here to view more details about using the Layer Slider

 


4. Shop Colors

To modify the shop colors go to 

admin > system > modules > Theme Control Module

General Tab

Default Theme: Select a pre made theme you would like to use
Enable Panel Tool: This gives you more control over the shops colors
Body Pattern: Click on a pre installed background color to use it
Use Custom Background: You can also upload your own background image and then select it
Customize Background: How the image is used / displayed

 

 

Page Setting Tab

This tab has two sub tabs available 

Category Tab

The Category tab lets you modify how the site displays:

Display Product Modes
Columns
Enable Product Popup Image

 

Contact Tab

This lets you enter in details that are displayed on the contact page 

Custom HTML: Enter in any addition details you would like displayed

 

Font Tab

 This tab lets you modify the fonts used on the site. There are also 3 font style area that you can use to modify different areas on the site.

You can modify:

  • Font Size
  • Enable Customize Font: (standard or Google fonts available)
  • Body Selector: Put CSS Selector such as body, h1, h3,h4, .box-title

 


5. Shop Default Image Sizes

You can modify the size of the images displayed in your shop by going to admin > system > settings ‘image tab’

If you would like to have the default sizes displayed again, you can view what they are in the image below.

 

 


  6. Adding Product Categories

To make it easier to manage products we use categories. This lets you group similar products together

You can do this in the admin area by going to admin > product > categories

 

Click here to view more details about adding a category

 

The Mega Menu

This design uses the advanced Mega Menu module  to display product categories.

Click here to find out more about the Mega Menu module

 

 


  7. Add a Product

Now your shop has at least one category, you can now start to add your products to sell.

You can do this in the admin area by going to admin > product > Your Products

 

Click here to view more details about adding a product

 


  8. Update Your Shipping Options

Your shop comes setup with a few different shipping modules pre-installed

These are available by going to admin > extensions > shipping options

 

Click here to view more details about the different shipping modules

 


  9. Add Shop Information

The Internet is all about Information so now is the time to add in some content to your site.

You can do this in the admin area by going to admin > information > Information Pages

 

Click here to view more details about adding Information Pages

 

 


 10. Other Modules of interest

Product Carousel

Display a group of products as a moving carousel

You can reach this module by going to 

Admin > Extensions > Modules > Product Carousel (click edit)

The admin area lets you enter in a number of details including

  • Module Description
  • Prefix Class
  • Product Tab Types
  • Dimension (W x H) and Resize Type: The default is 500 x 612
  • Max Items – Max Columns – Limit Items In Carousel:  The default is 5, 5 ,15
  • Interval (s): The default is 8000
  • Auto Play
  • Layout: The default is Home 
  • Position: The default is Content Top
  • Status:
  • Sort Order:

Front end appearance

 

Featured Products

This lets you display your featured products (normally listed on the home page)

You can reach this module by going to 

Admin > Extensions > Modules > Featured Products (click edit)

The admin area lets you enter in a number of details including

  • Module Description
  • Block Products Width: The default is 12
  • Addition Class: The default is highlight-featured-box
  • Select products: Start typing in the products name in the auto complete field – then click on the products name to select it
  • Dimension (W x H) and Resize Type: The default is 500 x 612
  • Max Items – Max Columns – Limit Items In Carousel: The default is 4, 4, 16
  • Layout: The default Home
  • Position: The default is Showcase
  • Status:
  • Sort Order:

 

 

 

 Home Page Manufacture Images

The home page manufacturer images can be modified in the Banners Area

 The manufacture images are being displayed by using the Carousel Module

 

Add News / A Blog / Articles

You can add news to your site via the Blog Manager 

 

Was this article helpful?

Related Articles

Leave A Comment?