Magento Webmarket Theme Documentation

By ProteusThemes

  • Version: 1.0
  • Created: 2013-11-25
  • Last modified: 2013-12-10

Thank you for purchasing the Magento Webmarket template, crafted by ProteusThemes.

Below you will find the documentation on how to use the template.


Install Magento

Before using Webmarket theme you should have installed your copy of Magento e-commerce software.

If you have already installed Magento, you can skip this section and continue to Theme installation.

If you have not yet installed Magento, follow these steps:

  1. First, check if your server is compatible with Magento. Most of them are but just to be sure you can check the instructions on Magento offical website
  2. Next, check if your server meets Magento’s system requirements
  3. Download a copy of your Magento Community Edition and install it using the instructions here.
  4. If you installed Magento successfully, you can continue to the Theme Installation.

Theme installation

Before installing a theme, please do a full backup of your site (files and database). You should always first test the theme and any changes on your development server.

To install Webmarket theme you simply have to copy all of the files from the upload directory to your Magento root directory. This is usually a public_html directory under your domain. Files can be transferred via FTP client or web interface.

After all the files are successfully copied to your server, log in to the Magento admin and go to System -> Configuration -> Design. In the Package section find the Current Package Name input and type in webmarket.

Design

Set package name in Magento admin

All you have to do now, is clear the cache. To do this, go to System -> Cache Management and click on Flush Magento Cache button. You can achieve the same, by deleting the /var/cache/ folder from your server.

If you need help installing Magento or Webmarket theme, we can offer you a professional service. We have well experienced Magento programmers that can perform the installation and any customization for you. Please send us a message to magento@proteusthemes.com

Import sample content

To import sample content, you can simply import a static_content.sql file into your database or insert it manually.

If you would like to import the sql files into your database, open the PhpMyAdmin, navigate to your database, go to Import and select the static_content.sql file from your computer (sample-content folder in your downloaded theme files).

NOTE: If you perform the import, the drop table procedure is initiated, so all your current pages and static blocks will be lost.

Manualy import static content

If you would like to do this manually through the Magento admin console, you can find the content of the static blocks in the Sample Content section.

Go to CMS->Static Blocks and create a new block. Copy/paste the content from the examples below and edit it according to your needs.

Basics

You will find the Webmarket theme settings under System -> Configuration -> Webmarket.

Here, you can tune the theme layout, configure the navigation (menu), set the links to social media sites, generate custom themes, etc.

Static blocks are editable via CMS -> Static Blocks. There, you can add, edit or disable/enable every single content block in the store.

The revolution slider can be edited via CMS -> Revolution Slider. You can add and edit slides here.

In the next parts, we will look at detailed instructions for each configuration option.

Layout configuration

Go to System -> Configuration -> Webmarket -> Layout to change layout settings.

There is a range of options with which to set and change the theme behaviour and look. Please check the table below, to see how each of the options impact your store.

Sticky top menu If set to enable, the navigation row - containing the menu, search box and cart icon will follow at the top while scrolling down the site.
Display first footer row If set to enable, the first footer row - containing a custom block, Facebook box and newsletter will be displayed on the site.
Display second footer row If set to enable, the second footer row - containing navigation links will be displayed on site.
Display copyright footer row If set to enable, the copyright footer row will be displayed on site.
Popup products on hover If set to enable, the product data will pop up when you slide your mouse over the products in the catalogue. If set to disable, all data will be displayed automatically.
Display label NEW If set to enable, the label NEW will be displayed over the products. Label NEW is displayed only on products that have the Set product as new from and Set product as new to dates inserted.
Display label SALE If set to enable, the label SALE will be displayed over the products. Label SALE is displayed only on products that have the Special price from date and Special price to date dates inserted.
Use full width in Catalog If set to enable, the full width will be used to display the products grid in the catalogues. This means that the left sidebar column will not be displayed.
Enable responsive If set to enable, the responsive meta tag will be added and your theme will be displayed properly on different devices (tablets, smart phones, etc)
Use boxed layout If set to enable, the boxed layout will be used instead of the full width layout.
Use custom generated CSS If set to enable, the custom generated CSS will be used to display theme colours as defined by you. Check part Custom colours for more information on how to generate custom CSS.
Frontend layout blocks

Frontend layout blocks

Navigation configuration

Go to System -> Configuration -> Webmarket -> Navigation to change Navigation bar settings.

There are a few options to set and change the navigation bar behaviour and look. Please check the table below, to see how each of the options impact your store.

Menu type You can choose between three different menu types - Simple Menu, Super Menu and Mega Menu.
Display home button If set to enable, the home link will be displayed at the beginning of the navigation.
Home button label Set the label of the home link.
Mega Menu

Mega Menu

Super Menu

Super Menu

Simple Menu

Simple Menu

For each category, you can set some specific options and custom blocks. To do this, navigate to Catalog -> Manage Categories, choose the desired category and go to the Webmarket tab. Note that custom blocks can only be displayed for top level categories.

Menu type Simple, Super or Mega menu. Will override the settings set in the Configuration but only for this category item.
Right HTML Block Insert the content for the right custom block. You can write an HTML here or edit the content with the WYSIWYG editor. (MEGA & SUPER MENU ONLY)
Top HTML Block Insert the content for the top custom block. You can write an HTML here or edit the content with the WYSIWYG editor. (MEGA MENU ONLY)
Bottom HTML Block Insert the content for the bottom custom block. You can write an HTML here or edit the content with the WYSIWYG editor. (MEGA MENU ONLY)
Counting of columns used for categories Set the number of columns used for categories, other columns will be used for custom blocks. You have 6 columns available, so if you insert 4, there will be 4 columns used to list the categories and 2 columns to display the custom content from the Right HTML Block. (MEGA MENU ONLY)
Frontend megamenu layout blocks

Frontend Mega Menu layout blocks

Social media configuration

Go to System -> Configuration -> Webmarket -> Social media to change the Social media settings.

Under the Social media section, you will see a list of input selections for which you can insert the link to your profile. For every inserted link, an icon will be displayed in the header.

Social media configuration

Social media configuration

Colour Themes of the Template

There are 4 different colour themes available out of the box:

theme

Default Theme

theme

Grass Green Theme

theme

Oil Green Theme

theme

Gray Theme

You can change the colour theme very easily. Go to System -> Configuration -> Design and in the Themes sections find the Skin (Images / CSS) input.

Insert default for default theme colour, grass-green for Grass Green Theme colour, oil-green for Oil Green Theme colour and gray for Gray Theme colour.

Do not forget to clear the cache after saving the configuration.

Custom colours configuration

Go to System -> Configuration -> Webmarket -> Custom Colours to create Custom colours settings.

Select the colour for each area of the web site with the colour picker or by direct input of the colour code (for example: #FFFFFF for white and #000000 for black). You can also change fonts and background images.

Custom colors

Custom colors

After you have successfully selected the desired colours, click on the Save Config button in the upper right corner. After your settings have been saved, you can click on the Generate CSS files button to generate your custom CSS.

Your theme is now ready, please enable Use custom generated CSS under the Layout settings (refer to section Layout configuration for more information) and flush Magento cache.

Revolution slider

Please go to CMS -> Revolution Slider to add or edit slides.

You can add a new slide by clicking on the Add Item button in upper right corner. Then select the store view on which to display the banner and insert the link in the Link text input. In slide HTML code text area, you can add the code of the slide. For more information on how to build a HTML code, please check the Revolution Slider Documentation.

Static blocks

Go to CMS -> Static Blocks to add or edit Static Blocks.

You can edit each static block by clicking on it. You can change the content in the WYSIWYG editor, edit the store view of the block and change the title. After successfully editing the block, please click the Save Block or Save and Continue Edit button.

If, after saving the block, the changes are not applied to the store immediately, please flush the Magento cache.

You can Enable or Disable your block. Disabled blocks are not displayed on your site!

Available static blocks are:

webmarket_cart_info Static block displayed in the drop-down cart in the main navigation bar.
webmarket_footer First block from the left in the first footer line with some html content
webmarket_footer_facebook Second block from the left in the first footer line with Facebook like box
webmarket_footer_nav1 First block from the left in the second footer line with navigation links
webmarket_footer_nav2 Second block from the left in the second footer line with navigation links
webmarket_footer_nav3 Third block from the left in the second footer line with navigation links
webmarket_footer_nav4 Fourth block from the left in the second footer line with navigation links
webmarket_footer_right Right block in the third footer line with a copyright notice
webmarket_header_phone Block in the upper left corner of the store with the telephone number
webmarket_home_banners Block under the Slider on the Home page with three promotional banners
webmarket_home_brands Block at the bottom of the Home page with brands' logos
webmarket_left_side1 First custom block in the left sidebar with some custom text
webmarket_left_side2 Second custom block in the left sidebar with some custom text
webmarket_nav_block1 First custom block in the navigation bar with some custom text
webmarket_nav_block2 Second custom block in the navigation bar with some custom text
webmarket_product_tab1 First custom block in the products tab section (Product view page) with some custom text
webmarket_product_tab2 Second custom block in the products tab section (Product view page) with some custom text
webmarket_product_tab3 Third custom block in the products tab section (Product view page) with some custom text
webmarket_right_side1 First custom block in the right sidebar with some custom text
webmarket_right_side2 Second custom block in the right sidebar with some custom text

Home page

You can edit the Home page via CMS -> Static pages. There you will find an imported or manually created home page.

The HTML of our example home page is very simple:

<div>{{block type="cms/block" block_id="webmarket_home_banners"}}</div>
<div>{{block type="catalog/product_list" category_id="7" products_count="12" block_name="Featured Products" template="webmarket/products/featured.phtml"}}</div>
<div>{{block type="catalog/product_new" products_count="8" block_name="New Products" template="webmarket/products/new.phtml"}}</div>
<div>{{block type="catalog/product_list" category_id="7" block_name="Most Popular Products" template="webmarket/products/bestsellers.phtml"}}</div>
<div>{{block type="core/template" block_name="Our brands" template="webmarket/blocks/brands.phtml"}}</div>

You can set the category for your Featured products and Most popular products. New products are automatically selected, based on a Magento built in algorithm. You can also set the block name to anything you prefer and change the title of section.

The banners at the top and the Brands at the bottom are editable via the CMS -> Static Blocks.

Feel free to experiment and build a custom home page. You can add blocks or change them and add any other content you may prefer.

Static blocks

If you want to manually import static blocks, you can copy/paste the html code bellow to the CMS -> Static Blocks -> Add New Block

Cart information block

  • Block title: Webmarket cart info
  • Identifier: webmarket_cart_info
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <p><small>You can easily edit a static block and add some info here. <a href="#">More information</a></small></p>

Footer block Webmarket

  • Block title: Footer block Webmarket
  • Identifier: webmarket_footer
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <h2 class="pacifico">Webmarket &nbsp; <img class="align-baseline" src="{{skin url='images/webmarket.png'}}" alt="Webmarket Cart" /></h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt vestibulum risus et gravida. Etiam vel augue ligula, blandit malesuada nisi. Quisque a augue nisi. Nullam interdum convallis</p>

Footer Facebook

  • Block title: Footer Facebook
  • Identifier: webmarket_footer_facebook
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <div class="main-titles lined">
    <h3 class="title">Facebook</h3>
    </div>
    <div class="bordered">
    <div class="fill-iframe">
    <div class="fb-like-box" data-href="https://www.facebook.com/ProteusNet" data-width="292" data-height="200" data-colorscheme="dark" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false">&nbsp;</div> </div>
    </div>

Footer navigation Main

  • Block title: Footer navigation Main
  • Identifier: webmarket_footer_nav1
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <div class="main-titles lined">
    <h3 class="title"><span class="light">Main</span> Navigation</h3>
    </div>
    <ul class="nav bold">
    <li><a href="#">Home</a></li>
    <li><a href="#">Pages</a></li>
    <li><a href="#">About Us</a></li>
    <li><a href="#">Shortcodes</a></li>
    <li><a href="#">Gallery</a></li>
    <li><a href="#">Contact Us</a></li>
    </ul>

Footer navigation Second

  • Block title: Footer navigation Second
  • Identifier: webmarket_footer_nav2
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <div class="main-titles lined">
    <h3 class="title"><span class="light">Second</span> Navigation</h3>
    </div>
    <ul class="nav">
    <li><a href="#">Lorem Ipsum Dolor Sit</a></li>
    <li><a href="#">Amet Webmarket Signup</a></li>
    <li><a href="#">Brands</a></li>
    <li><a href="#">Latest Tweets Sometging</a></li>
    <li><a href="#">Ipsum Sit Lorem Amet</a></li>
    </ul>

Footer navigation Third

  • Block title: Footer navigation Third
  • Identifier: webmarket_footer_nav3
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <div class="main-titles lined">
    <h3 class="title"><span class="light">Third</span> Navigation</h3>
    </div>
    <ul class="nav">
    <li><a href="#">Lorem Ipsum Dolor Sit</a></li>
    <li><a href="#">Amet Webmarket Signup</a></li>
    <li><a href="#">Brands</a></li>
    <li><a href="#">Latest Tweets Sometging</a></li>
    <li><a href="#">Ipsum Sit Lorem Amet</a></li>
    </ul>

Footer navigation Fourth

  • Block title: Footer navigation Fourth
  • Identifier: webmarket_footer_nav4
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <div class="main-titles lined">
    <h3 class="title"><span class="light">Fourth</span> Navigation</h3>
    </div>
    <ul class="nav">
    <li><a href="#">Lorem Ipsum Dolor Sit</a></li>
    <li><a href="#">Amet Webmarket Signup</a></li>
    <li><a href="#">Brands</a></li>
    <li><a href="#">Latest Tweets Sometging</a></li>
    <li><a href="#">Ipsum Sit Lorem Amet</a></li>
    </ul>

Footer right notice

  • Block title: Footer right notice
  • Identifier: webmarket_footer_right
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <p>Webmarket HTML Template by <a href="http://www.proteusthemes.com">ProteusThemes</a></p>

Header phone number block

  • Block title: Header phone number block
  • Identifier: webmarket_header_phone
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <div><em class="icon icon-phone"></em> Call us at: +1 123 456 789</div>

Home page banners

  • Block title: Home page banners
  • Identifier: webmarket_home_banners
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <div class="container">
    <div class="row">
    <div class="span12">
    <div class="push-up over-slider blocks-spacer">
    <div class="row">
    <div class="span4"><a class="btn btn-block banner" href="#"> <span class="title"><span class="light">SUMMER</span> SALE</span> <em>up to 60% off on all shoes</em> </a></div>
    <div class="span4"><a class="btn btn-block colored banner" href="#"> <span class="title"><span class="light">FREE</span> SHIPPING</span> <em>on orders over $69</em> </a></div>
    <div class="span4"><a class="btn btn-block banner" href="#"> <span class="title"><span class="light">NEW</span> PRODUCTS</span> <em>for running on lorem ipsum dolor</em> </a></div>
    </div>
    </div>
    </div>
    </div>
    </div>

Webmarket Home page brands

  • Block title: Webmarket Home page brands
  • Identifier: webmarket_home_brands
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <p><img src="{{media url='/dummy/brands/brands_01.jpg'}}" alt="" width="203" height="104" />
    <img src="{{media url='/dummy/brands/brands_02.jpg'}}" alt="" width="203" height="104" />
    <img src="{{media url='/dummy/brands/brands_03.jpg'}}" alt="" width="203" height="104" />
    <img src="{{media url='/dummy/brands/brands_04.jpg'}}" alt="" width="203" height="104" />
    <img src="{{media url='/dummy/brands/brands_05.jpg'}}" alt="" width="203" height="104" />
    <img src="{{media url='/dummy/brands/brands_06.jpg'}}" alt="" width="203" height="104" /></p>

Left sidebar block 1

  • Block title: Left sidebar block 1
  • Identifier: webmarket_left_side1
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <p>You can edit content of this block through Magento admin. Go to CMS -&gt; Static Block and edit any block you want.</p>

Left sidebar block 2

  • Block title: Left sidebar block 2
  • Identifier: webmarket_left_side2
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <p>You can edit content of this block through Magento admin. Go to CMS -&gt; Static Block and edit any block you want.</p>

Custom menu

  • Block title: Custom menu
  • Identifier: webmarket_nav_block1
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <div class="span4">
    <h5>Custom CMS block</h5>
    <p>This is a custom block in size of Mega Menu. You can edit this block via Magento admin. Go to <strong>CMS -&gt; Static blocks</strong> end choose <strong>Custom menu.</strong></p>
    <p>You can change the size of the block, add images, videos, change the number and width of columns, etc. Please reffer to Webmarket theme documentation for more information on how to edit this item.</p>
    </div>
    <div class="span3">
    <h5><span class="light">Featured</span> Category</h5>
    <p><img src="{{media url='/dummy/menu/woman.jpg'}}" alt="woman in red" width="540" height="270" /></p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, quas illo sapiente ratione nihil ut.</p>
    </div>
    <div class="span5">
    <h5>Video</h5>
    <div class="embed-container"><iframe src="http://player.vimeo.com/video/5606758" width="450" height="250"></iframe></div>
    <p>You can also write some generic text here!</p>
    </div>

Pages

  • Block title: Pages
  • Identifier: webmarket_nav_block2
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <div class="span2">
    <ul class="nav nav-pills nav-stacked">
    <li><a href="#">Magento pages</a></li>
    </ul>
    <ul class="nav unstyled">
    <li><a href="http://www.proteusthemes.com/themes/webmarket-magento/index.php/about-magento-demo-store/">About us</a></li>
    <li><a href="http://www.proteusthemes.com/themes/webmarket-magento/index.php/catalogsearch/advanced/">Advanced search</a></li>
    <li><a href="http://www.proteusthemes.com/themes/webmarket-magento/index.php/contacts/">Contact Us</a></li>
    <li><a href="http://www.proteusthemes.com/themes/webmarket-magento/index.php/catalogsearch/term/popular/">Search Terms</a></li>
    <li><a href="http://www.proteusthemes.com/themes/webmarket-magento/index.php/catalog/seo_sitemap/category/">Site Map</a></li>
    <li><a href="http://www.proteusthemes.com/themes/webmarket-magento/index.php/no-route/">404 Error Page</a></li>
    </ul>
    </div>
    <div class="span3">
    <ul class="nav nav-pills nav-stacked">
    <li><a href="#">Page layouts</a></li>
    </ul>
    <ul class="nav unstyled">
    <li><a href="http://www.proteusthemes.com/themes/webmarket-magento/index.php/customer-service-1/">Customer service - 1 column</a></li>
    <li><a href="http://www.proteusthemes.com/themes/webmarket-magento/index.php/customer-service-2l/">Customer service - 2 columns left</a></li>
    <li><a href="http://www.proteusthemes.com/themes/webmarket-magento/index.php/customer-service-2r/">Customer service - 2 columns right</a></li>
    <li><a href="http://www.proteusthemes.com/themes/webmarket-magento/index.php/customer-service-3/">Customer service - 3 columns</a></li>
    <li><a href="http://www.proteusthemes.com/themes/webmarket-magento/index.php/features/">All Features</a></li>
    <li><a href="http://www.proteusthemes.com/themes/webmarket-magento/index.php/icons/">Icons</a></li>
    </ul>
    </div>
    <div class="span3">
    <h5>Custom CMS block</h5>
    <p>This is a custom block in size of Mega Menu. You can edit this block via Magento admin. Go to <strong>CMS -&gt; Static blocks</strong> end choose <strong>Pages.</strong></p>
    <p>You can change the size of the block, add images, videos, change the number and width of columns, etc. Please reffer to Webmarket theme documentation for more information on how to edit this item.</p>
    </div>
    <div class="span4">
    <h5><span class="light">Featured</span> Category</h5>
    <p><img src="{{media url='/dummy/menu/woman.jpg'}}" alt="woman in red" width="540" height="270" /></p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, quas illo sapiente ratione nihil ut.</p>
    </div>

Shipping Details

  • Block title: Shipping Details
  • Identifier: webmarket_product_tab1
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <h2>This is a static block that you can easily edit in CMS-&gt;Static Blocks</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae laoreet velit, porttitor convallis purus. Integer vulputate, arcu ac vestibulum semper, justo dui mattis turpis, vehicula posuere felis ipsum ac dolor. Quisque accumsan nisi convallis massa adipiscing, nec hendrerit libero tempus. Cras ac urna in eros suscipit elementum. Sed viverra tempus justo sed iaculis. Nullam metus dui, dictum et tincidunt auctor, pulvinar sit amet sapien. Donec sed purus facilisis, mattis tellus a, imperdiet sem. Proin condimentum neque non nisi pharetra, at fringilla elit iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Praesent faucibus leo at consectetur scelerisque. Nulla in turpis eu magna accumsan varius a at libero. Nullam ligula orci, pharetra et turpis dapibus, vulputate lacinia turpis. Suspendisse ac felis non ipsum varius ornare. Praesent ante risus, iaculis id lectus sit amet, euismod mattis massa. In feugiat elit vitae posuere tristique. Fusce ut nunc id mauris pretium mattis. Donec fringilla massa sit amet porttitor convallis. Morbi quis sem lacus. Sed venenatis orci quis tempus convallis.</p>
    <p>Nulla sed nisi tellus. Maecenas vel dolor ut arcu tincidunt dapibus. Nulla turpis justo, aliquet non fringilla sed, consequat facilisis dui. Aliquam mattis purus suscipit, volutpat justo ut, ultricies est. Integer ac dignissim orci. Donec aliquet eros non dignissim eleifend. Curabitur commodo, metus in tempor accumsan, arcu augue dictum nisi, sit amet sagittis dui tortor ac lacus. Suspendisse vel lobortis lectus. Donec vitae dui diam. Sed porttitor porta lacus et porttitor. Curabitur et imperdiet arcu, nec lacinia nibh. Etiam mi urna, mattis sed dictum eu, euismod in leo.</p>

Size chart

  • Block title: Size chart
  • Identifier: webmarket_product_tab2
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <h2>This is a static block that you can easily edit in CMS-&gt;Static Blocks</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae laoreet velit, porttitor convallis purus. Integer vulputate, arcu ac vestibulum semper, justo dui mattis turpis, vehicula posuere felis ipsum ac dolor. Quisque accumsan nisi convallis massa adipiscing, nec hendrerit libero tempus. Cras ac urna in eros suscipit elementum. Sed viverra tempus justo sed iaculis. Nullam metus dui, dictum et tincidunt auctor, pulvinar sit amet sapien. Donec sed purus facilisis, mattis tellus a, imperdiet sem. Proin condimentum neque non nisi pharetra, at fringilla elit iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Praesent faucibus leo at consectetur scelerisque. Nulla in turpis eu magna accumsan varius a at libero. Nullam ligula orci, pharetra et turpis dapibus, vulputate lacinia turpis. Suspendisse ac felis non ipsum varius ornare. Praesent ante risus, iaculis id lectus sit amet, euismod mattis massa. In feugiat elit vitae posuere tristique. Fusce ut nunc id mauris pretium mattis. Donec fringilla massa sit amet porttitor convallis. Morbi quis sem lacus. Sed venenatis orci quis tempus convallis.</p>
    <p>Nulla sed nisi tellus. Maecenas vel dolor ut arcu tincidunt dapibus. Nulla turpis justo, aliquet non fringilla sed, consequat facilisis dui. Aliquam mattis purus suscipit, volutpat justo ut, ultricies est. Integer ac dignissim orci. Donec aliquet eros non dignissim eleifend. Curabitur commodo, metus in tempor accumsan, arcu augue dictum nisi, sit amet sagittis dui tortor ac lacus. Suspendisse vel lobortis lectus. Donec vitae dui diam. Sed porttitor porta lacus et porttitor. Curabitur et imperdiet arcu, nec lacinia nibh. Etiam mi urna, mattis sed dictum eu, euismod in leo.</p>

Custom content

  • Block title: Custom content
  • Identifier: webmarket_product_tab3
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <h2>This is a static block that you can easily edit in CMS-&gt;Static Blocks</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae laoreet velit, porttitor convallis purus. Integer vulputate, arcu ac vestibulum semper, justo dui mattis turpis, vehicula posuere felis ipsum ac dolor. Quisque accumsan nisi convallis massa adipiscing, nec hendrerit libero tempus. Cras ac urna in eros suscipit elementum. Sed viverra tempus justo sed iaculis. Nullam metus dui, dictum et tincidunt auctor, pulvinar sit amet sapien. Donec sed purus facilisis, mattis tellus a, imperdiet sem. Proin condimentum neque non nisi pharetra, at fringilla elit iaculis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>Praesent faucibus leo at consectetur scelerisque. Nulla in turpis eu magna accumsan varius a at libero. Nullam ligula orci, pharetra et turpis dapibus, vulputate lacinia turpis. Suspendisse ac felis non ipsum varius ornare. Praesent ante risus, iaculis id lectus sit amet, euismod mattis massa. In feugiat elit vitae posuere tristique. Fusce ut nunc id mauris pretium mattis. Donec fringilla massa sit amet porttitor convallis. Morbi quis sem lacus. Sed venenatis orci quis tempus convallis.</p>
    <p>Nulla sed nisi tellus. Maecenas vel dolor ut arcu tincidunt dapibus. Nulla turpis justo, aliquet non fringilla sed, consequat facilisis dui. Aliquam mattis purus suscipit, volutpat justo ut, ultricies est. Integer ac dignissim orci. Donec aliquet eros non dignissim eleifend. Curabitur commodo, metus in tempor accumsan, arcu augue dictum nisi, sit amet sagittis dui tortor ac lacus. Suspendisse vel lobortis lectus. Donec vitae dui diam. Sed porttitor porta lacus et porttitor. Curabitur et imperdiet arcu, nec lacinia nibh. Etiam mi urna, mattis sed dictum eu, euismod in leo.</p>

Right sidebar block 1

  • Block title: Right sidebar block 1
  • Identifier: webmarket_right_side1
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <p>You can edit content of this block through Magento admin. Go to CMS -&gt; Static Block and edit any block you want. You can also disable / enable all of the site blocks easily.</p>

Right sidebar block 2

  • Block title: Right sidebar block 2
  • Identifier: webmarket_right_side1
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <p>You can edit content of this block through Magento admin. Go to CMS -&gt; Static Block and edit any block you want. You can also disable / enable all of the site blocks easily.</p>

Static pages

Home page

  • Page title: Home page
  • URL key: home
  • Store view: All store views (or a specific one)
  • Status: Enabled
  • Content:
    <div>{{block type="cms/block" block_id="webmarket_home_banners"}}</div>
    <div>{{block type="catalog/product_list" category_id="7" block_name="Featured Products" template="webmarket/products/featured.phtml"}}</div>
    <div>{{block type="catalog/product_new" products_count="8" block_name="New Products" template="webmarket/products/new.phtml" cache_lifetime="1"}}</div>
    <div>{{block type="catalog/product_list" category_id="41" block_name="Most Popular Products" template="webmarket/products/bestsellers.phtml"}}</div>
    <div>{{block type="core/template" block_name="Our brands" template="webmarket/blocks/brands.phtml"}}</div>

Bonuses / Plugins / Tools used

Icon Fonts

There are two icon fonts used for maximum quality of the icons in the Webmarket:

Source design PSD files

You will find 2 PSD files included in the folder ./PSD/ . There are master layers in each of them for the individual page layouts.

Custom Changes

If you require advanced customizations on the theme, we are available for that as well.

Just tell us what you need at: magento@proteusthemes.net

Changelog

Changelog of the theme is available on ThemeForest website.