Stella - Multipurpose Responsive Magento 2 Theme Documentation

• Check Magento Compatibility with the theme.
• Enable "developer mode" before installing the theme. Please refer this link for how to set Magento mode.

• Install Magento 2.4.x with sample data for setup theme properly on your store.
• You can download an archive file for a specific version of Magento in either ZIP or TAR format. Upload Downloaded Zip file on directory on your server and extarct zip file.
• For Install Magento 2.4.x Please follow Installation Guide
Open command prompt/terminal and change directory to your Magento installed directory.
• You must use the command line to install Magento. Open command prompt/terminal and change directory to your Magento installed directory.

  This example assumes that the Magento install directory is named magento2ee, the db-host is on the same machine (localhost), and that the db-name, db-user, and db-password are all magento:

  bin/magento setup:install \ --base-url=http://localhost/magento2ee \ --db-host=localhost \ --db-name=magento \ --db-user=magento \ --db-password=magento \ --admin-firstname=admin \ --admin-lastname=admin \ --admin-email=admin@admin.com \ --admin-user=admin \ --admin-password=admin123 \ --language=en_US \ --currency=USD \ --timezone=America/Chicago \ --use-rewrites=1 \ --search-engine=elasticsearch8 \ --elasticsearch-host=es-host.example.com \ --elasticsearch-port=9200

  You can customize the Admin URI with the --backend-frontname option. However, we recommend omitting this option and allowing the installation command to automatically generate a random URI. A random URI is harder for hackers or malicious software to exploit. The URI displays in your console when installation is complete.

• Once Magento 2.4.x install successfully then Start installing theme using below steps.

Step 1: Quick Theme Installation

1. A. Upload “Poco_Themes-1.5.0.zip” file on Your Magento Root Directory. Then Extract Zip to your Magento root directory.
2. B. Now "app" and "pub" listed on your Mageto root directory.

Open command prompt/terminal and change directory to your Magento installed directory.

Run following commands

php bin/magento setup:upgrade

php bin/magento setup:static-content:deploy -f

php bin/magento indexer:reindex

php bin/magento cache:clean

php bin/magento cache:flush

Now you have successfully Install theme in your magento store.

Step 2: Theme Activation

1. A. Login into admin section, go to Poco Themes >> Click On Install Theme Demo Datalink.

   • Import Static Blocks:

     Overwrite Existing Blocks: If you want to overwrite existing block If set to "Yes", imported blocks will overwrite existing blocks with the same identifiers (if any blocks with the same identifiers already exist).

     Select "Yes" From Overwrite Existing Blocks drop down and click on Save Config button.

     Click on "Import Static Blocks". It will create the blocks which are used in the theme.

   • Import CMS Pages:

     Overwrite Existing Pages: If set to "Yes", imported pages will overwrite existing pages with the same identifiers (if any pages with the same identifiers already exist).

     Select "Yes" From Overwrite Existing Pages drop down and click on Save Config button.

     Click on "Import CMS Pages". It will create the CMS Pages which are used in the theme.

   • Import Theme Sample Data:

     Note:Theme sample data is used for setting up your store home page as per our theme demo so if you want to copy our demo in your store then you must need to import theme sample data using the following command.

     Open command prompt/terminal and change directory to your Magento installed directory.

     Run following commands

     php bin/magento magebees:pocotheme:installsampledata

     php bin/magento cache:clean

     php bin/magento cache:flush

     

     Now you have successfully Install theme sample data in your magento store.
   • if you want to set Home page layout as per our theme demo then Click Furniture Layout, Fashion Layout, Fashion2 Layout, Cosmetic Layout, Electronic Layout, AutoParts Layout, Medical Layout, Kids Layout, Decor Layout, Footwear Layout, Jewellery Layout, Vitamin Layout, Gun layout, Gaming Layout, Bakery Layout, Wine Layout, Mega Store Layout, Pet Layout, Bike Layout button as per your need, From setup demo section.

     

   • Go to Poco Themes >> Configurationsection , Click On Poco Themes >> Configuration. Then click on the Save Config Button.

     

2. B. Apply Poco Themes: In backend, go to Content >> Design >> Configuration, Click on "Edit" for website, store or store view.
   • Select "Poco Themes" from Applied Theme and click on "Save Configuration".

   

3. C. Now clean your store cache and check the frontend.
   • Login into admin section, go to System >> Tools >> Cache Management Select all Cache type and refresh it.

   

This will set our theme in your store as per your demo selection.

• Upload “Poco_Themes-1.5.0.zip” file on Your Magento Root Directory. Then Extract Zip to your Magento root directory.
• Now "app" and "pub" listed on your Mageto root directory.

Install Using SSH

Open command prompt/terminal and change directory to your Magento installed directory.

Run following commands

php bin/magento setup:upgrade

php bin/magento setup:static-content:deploy -f

php bin/magento indexer:reindex

php bin/magento cache:clean

php bin/magento cache:flush

Setup Theme

In Backend, go to Poco Themes >> Install Theme Demo Data

• Import Static Blocks:

  Overwrite Existing Blocks: If you want to overwrite existing block If set to "Yes", imported blocks will overwrite existing blocks with the same identifiers (if any blocks with the same identifiers already exist).

  Select "Yes" From Overwrite Existing Blocks drop down and click on Save Config button.

  Click on "Import Static Blocks". It will create the blocks which are used in the theme.

• Import CMS Pages:

  Overwrite Existing Pages: If set to "Yes", imported pages will overwrite existing pages with the same identifiers (if any pages with the same identifiers already exist).

  Select "Yes" From Overwrite Existing Pages drop down and click on Save Config button.

  Click on "Import CMS Pages". It will create the CMS Pages which are used in the theme.

• Import Theme Sample Data:

  Note:Theme sample data is used for setting up your store home page as per our theme demo so if you want to copy our demo in your store then you must need to import theme sample data using the following command.

  Open command prompt/terminal and change directory to your Magento installed directory.

  Run following commands

  php bin/magento magebees:pocotheme:installsampledata

  php bin/magento cache:clean

  php bin/magento cache:flush

  

  Now you have successfully Install theme sample data in your magento store.

In "Setup Demo" Section click on Import Demo button which you want to import demo settings in your store.

Clean your store all caches From System >> Tools >> Cache Management.

Go to Stores >> Settings >> Configuration, Click On Poco Themes >> Configuration. Then click on the Save Config Button.

Apply Poco Themes

In Backend, go to Content >> Design >> Configuration

Click on "Edit" for Website, Store or Store View

Select "Poco Themes" from Applied Theme.

Click on "Save Configuration".

Clean your store all caches From System >> Tools >> Cache Management and check the frontend.

We recommend you to create the child theme, if you need to customize the theme.

You can take the reference from magento devdocs or you can check the steps provided in our userguide >> Magento Devdocs

Sample "pocothemes_child" theme download from Here and upload in the same directory Magento root folder/app/design/frontend/Magebees

Apply Poco Child Theme

In Backend, go to Content >> Design >> Configuration

Click on "Edit" for Website, Store or Store View

Select "Poco Child Theme" from Applied Theme.

Click on "Save Configuration".

In Backend, go to Poco Themes >> Configuration >> Design Configuration >> Typography

In these options, you can change main font, font weight, font size of body and heading.

In Backend, go to Poco Themes >> Configuration >> Design Configuration >> Element Google Font

You can add font for a special class or id if you want. Input css selectors to textarea Google Font Elements and choose a font from Google Font Target.

For Ex. #element_id,h1,.class-element1

NoteIf you want to add new google font for options, Open file >> app/code/Magebees/PocoBase/Model/Config/Source/GoogleFont.php find toOptionArray() and add ['value' => 'other', 'label' => __('Other')] at the end.

In Backend, go to Poco Themes >> Configuration >> Design Configuration >> Colors

In these options, you can set color values for general elements - link, button, breadcrumb and Button Hover Style Colors.

In Backend, go to Poco Themes >> Configuration >> Design Configuration >> Page Wrapper

You can set background color or background image for the whole page.

You can also set custom style for page by adding style in Custom Style textarea.

In Backend, go to Poco Themes >> Configuration >> Design Configuration >> Main Content

You can set background color or background image for the main container except for the header and footer.

You can also set a custom style for main content by adding style in Custom Style textarea.

In Backend, go to Poco Themes >> Configuration >> Theme Layout

Layout Width Options: You can set full width or custom width for theme layout.

Home Page Sections Padding and Bottom Margin: You can set custom padding and bottom margin for home page in pixels.

Right To Left Layout: Choose Yes for change layout Right to Left.

Enable Animation: Choose Yes for enable Animation.

Enable Animation In Mobile: Choose Yes for enable Animation in mobile.

Scroll to Top: There is an option for navigating to the top of the page also able to select position right or left.

Choose "Yes/No" to "Show/Hide" Breadcrumb, Add to Cart, Add to Wishlist, Add to Compare.

MiniCart Drawer: You can set minicart as drawer.

Free Shipping Bar: Choose Yes for enable Free Shipping bar. For Display Free Shipping Bar we must need to Enable Free Shipping method from Configuration - Sales - Delivery Methods section.

Free Shipping Success Message: Display Message when customer eligible for Free Shipping.

Free Shipping Remaining Message: Display Message when customer remaining for Free Shipping. %s will be display remaining amount.

Display Free Shipping Bar: Choose the section in which you need to show free shipping bar. You can show free shipping bar at Minicart, Cart Popup, Footer Cart Panel, Product Detail Page, Cart Page and Checkout Page.

Loading Image: You can set Loading Image here.

In Backend, go to Poco Themes >> Configuration >> Theme Layout >> Newsletter Popup

You can select popup notification style from here, you can also add the content of newsletter from here.

For Edit popup notification >>

In Backend, go to Poco Themes >> Promotions Notification >> Manage Notifications

You can create, edit, delete, search notification from the grid

Create New Notification

In Backend, go to Poco Themes >> Promotions Notification >> Configuration >> Notifications Settings for Bar

In Backend, go to Poco Themes >> Promotions Notification >> Configuration >> Notifications Settings for Popup

In Backend, go to Poco Themes >> Configuration >> Font Icons. You can set font icons for following.

Note You can take reference for font icon code from >> Feather Icons

In Backend, go to Poco Themes >> Configuration >> Header

You can set colors for >>

Header Background Color, Border Color and Text Color.

Top Links Background Color, Font Color and Link Hover Color.

Searchbox Background Color, Text Font Color and Border Color.

Minicart Background Color, Font Color and Icon Color.

In Backend, go to Poco Themes >> Configuration >> Header >> Settings

Select Header Style: Theme has different types of headers. You can select any style. Please see below images for sample headers.

Store Logo Image: Upload your store logo image from here.

Store Logo Image Width: You can set Logo width.

Store Logo Image Height: You can set Logo height.

Select Top Menu: Select menu groups which are created from navigation menu for display as a top menu. We provided predefined menu groups and menu items while you importing module data.

For Edit Menu Groups >>

In Backend, go to Poco Themes >> Navigation Menu >> Manage Menu Groups

You can create , edit , delete , search menu group from grid

Display Currency: Select Yes/No for display Currency Switcher.

Currency Drop down Format: Select Currency Format for Currency Switcher drop down.

There are four options for select >>

1. Currency Symbol
2. Currency Code
3. Currency Symbol + Code
4. Currency Code + Symbol

Display Store Language: Select Yes/No for display Store Switcher.

Show Flag Images in Store Language Switcher: Select Yes/No for display flag language switcher.

Display Header Top Bar: If top bar display Yes then display one bar on the top of the header.

Sticky Menu: There is an option for display menu with sticky.

There are three options for select >>

1. No Sticky
2. Reverse Sticky
3. Sticky

You can set Sticky Menu background color, logo image settings.

Select Home Style: Theme has different types of home page styles. You can select any style. Please see below images for the sample.

Select Banner Slider and Style: You can select banner slider group which are auto-created while you import module data. You can change the slider image from Poco Themes >> MageBees Extension Configuration >> Responsive Banner Slider >> Manage Slides

Store Features: You can add static block identifier and it will display as a store feature. We provide different style for diisplay store feature section. You will find block CONTENT >> Elements >> Blocks

In Backend, go to CONTENT >> Pages >> Edit or Add Page >> go to Content Tab >> Click on Insert Widget >> Select Products Listing Widget

Select List: You can select the product list which created from Poco Themes >> MageBees Extension >> Manage Product Listing.

In Backend, go to Poco Themes >> MageBees Extension >> Manage Product Listing >> Edit or Add New List

You can select formatting options as per requirement.

In Backend, go to CONTENT >> Pages >> Edit or Add Page >> go to Content Tab >> Click on Insert Widget >> Select Today Deal Products Widget

Select Deal: You can select deal which created from MARKETING >> Today's Deal Products.

You can select formatting options also select template as per requirement.

In Backend, go to CONTENT >> Pages >> Edit or Add Page >> go to Content Tab >> Click on Insert Widget >> Select Advertisement Block Widget

Select Advertising: You can select the deal which created from MARKETING >> Manage Advertising Blocks.

You can select formatting options as per requirement.

In Backend, go to CONTENT >> Pages >> Edit or Add Page >> go to Content Tab >> Click on Insert Widget >> Select Ajax Category Products Widget

Select Categories: You can select categories for display products.

You can add section title also set default category for load first.

You can select formatting options as per requirement.

Using Load More button you can display more products using ajax.

In Backend, go to CONTENT >> Pages >> Edit or Add Page >> go to Content Tab >> Click on Insert Widget >> Select Magebees::Blog Latest Post

Using theme you can display blog using widget and no need to install wordpress in your store also can import blogs from wordpress.

You can select formatting options and template style as per requirement.

In Backend, go to CONTENT >> Pages >> Edit or Add Page >> go to Content Tab >> Click on Insert Widget >> Select Catgeory List Thumbnail Widget

Select Categories: You can select categories for display.

You can add Heading, short description also show/hide short description of categories on hover.

You can select formatting options as per requirement.

In Backend, go to CONTENT >> Pages >> Edit or Add Page >> go to Content Tab >> Click on Insert Widget >> Select Customer Testimonial Widget

You can set title, content limit also show/hide Profile Image, Rating, Email, Address, etc.

You can select formatting options and set slider options as per requirement.

In Backend, go to CONTENT >> Pages >> Edit or Add Page >> go to Content Tab >> Click on Insert Widget >> Select Magebees::Image Gallery For List Images

Display heading: You can set Yes for display heading in image gallery section.

Heading: You can set heading in gallery image section.

Display description: You can set Yes for display description in image gallery section.

Description: You can set description in image gallery section.

No of Images: You can set how many images you want to show in image gallery section.

Enable Slider: You can set slider for image gallery section. When you enable slider then there are different slider related options so please select slider related options as per your requirements.

Number of items per row in Main Block: If you do not want to use slider then You can set how many images you want to show per row.

In Backend, go to CONTENT >> Pages >> Edit or Add Page >> go to Content Tab >> Click on Insert Widget >> Select Magebees::Improved Layer Navigation Brands Widget

Display heading: You can set Yes for display heading in brand slider section.

Heading: You can set heading in brand slider section.

Short Description: You can set short description in brand slider section.

Featured Brand: You can set YES for showing featured brand as brand slider section.

In Backend, go to CONTENT >> Pages >> Edit or Add Page >> go to Content Tab >> Click on Insert Widget >> Select Products Slider Widget

You can set different options like Title,Sub Title, Text, Shop Now button as per requirement.

You can set slider different options like Number of Products per Slide,Autoplay,Show navigation arrow, Show Pagination etc..

You can select formatting options as per requirement.

Select Categories: You can select categories for display products.

In Backend, go to CONTENT >> Pages >> Edit or Add Page >> go to Content Tab >> Click on Insert Widget >> Select Parallax Image Widget

Parallax Image: You can upload the image here for display as parallax.

Image Position: You can set position for image left/right.

Content Type: You can display products or content besides the parallax image.

You can select formatting options as per requirement.

In Backend, go to CONTENT >> Pages >> Edit or Add Page >> go to Content Tab >> Click on Insert Widget >> Select Magebees_PocoBase::Content_Widget

Content Section Position: You can select position for content(Left/Right).

You can add title, sub title and content.

You can set view more button with a link.

Image Section: You can upload image for display beside the content.

You can select formatting options as per requirement.

In Backend, go to CONTENT >> Pages >> Edit or Add Page >> go to Content Tab >> Click on Insert Widget >> Select Magebees_PocoBase::Fbfanbox Widget

Title: You can set title for Facebook fanbox section.

Width: You can set width for Facebook fanbox section.

Height: You can set height for Facebook fanbox section.

Tabs: You can set tabs content which you want to show.

Use Small Header: You can set yes for using small header.

Hide Cover Photo: You can show/hide cover photo.

Show Friends Faces: You can show/hide friends faces.

In Backend, go to CONTENT >> Pages >> Edit or Add Page >> go to Content Tab >> Click on Insert Widget >> Select Magebees_PocoBase::NewsLetter Widget

Heading: You can set heading for Newsletter section.

Upload Heading Logo: You can upload heading logo for newsletter section.

News Letter Text Place Holder: You can set newsletter text box Place Holder.

News Letter Text: You can set newsletter text.

News Letter Button Text: You can set newsletter button text.

In Backend, go to Poco Themes >> MageBees Extension >> Manage Advertising Blocks

CREATE or EDIT ADvertising Block

Advertisement Block Detail

Advertisement Block Name: You can set Advertisement Block name for Identification.

Status: You can enable/disable specific advertising block from here.

Pattern: You can select appropriate pattern for your advertisement from list of pattern.When you select pattern, It load the pattern image and form for pattern image information like following screen.

You can display using widget from editor using “Insert Widget”.

In Backend, go to Poco Themes >> MageBees Extension Configuration >> Ajax Add To Cart

Dialog Box Settings >>

Display Product Image in confirm dialog box: You can show / Hide Image in Confirm Dialog box.

You can Show / Hide Related Product, Cross-sells Product, Up-sells Product in Confirm Dialog box section.

Close Confirmation dialog box after second: You can set time in second for auto close popup.

In Backend, go to Poco Themes >> MageBees Extension Configuration >> Ajax Compare/Wishlist

Ajax Compare Configuration >>

Enabled: You can Enabled/Disabled Ajax Compare.

Success Message Text: You can set Success Message here.

Popup Close Time (sec): You can set popup autoclose time.

Ajax Wishlist Configuration >>

Enabled: You can Enabled/Disabled Ajax Wishlist.

Success Message Text: You can set Success Message here.

Popup Close Time (sec): You can set popup autoclose time.

In Backend, go to Poco Themes >> MageBees Extension Configuration >> Ajax Category Products

General Tab >>

Enable Ajax Category Products: You can Enabled/Disabled Ajax Category Products.

Category List Position: You can set Category listing either on Top or Left side.

Sort By: You can sort product listing by position, product name or price.

Sort Order: You can sort product listing ascending or descending order selected by sort by.

Selected Categories: You can choose categories for display in frontend.

Add Default Category for Filter: You can add default category ID for filter products when page loads. If you not specified default category then it will take first category as a default from selected categories.

Show Category Section Title: Choose “Yes” for display category list section title.

Category Section Title: You can set custom text for category list section title.

Number of products appears on page load: You can set how many product you want to display on page load.

Loading Text: Set custom text for loading while load more products.

Done Text: Set text while you reach at the end of the product list.

Load More: Set text for load more products link.

In Backend, go to Poco Themes >> MageBees Extension Configuration >> Ajax Infinite Scroll

Products Group Selector :Enter selector of product group container for ajax scroll. Set multiple product group container using comma separator. (Ex: .products.products-grid,.products.products-list)

Loading Type: You can choose product list loading type on page scroll or on button click.

No More Content Text: You can set message when no more pages left to load.

Threshold :Set number of pixels before bottom of page that you want to start loading page on page scroll.

Label for the previous button :You can set Label for Load Previous Button.

Label for the next button :You can set Label for Load Next Button.

Button Style :You can set custom button style for load next or previous button.

Show Page Number :You can show/hide page number for corresponding page content.

Show Top Button :You can show/hide Back to Top Button.

Loading Image: You can upload loading image icon which is display when page content loading.

In Backend, go to Poco Themes >> MageBees Extension Configuration >> Ajax Quick Search

Settings Tab >>

You can set minimum character length for Ajax search.

Search Type: You can set search type LIKE|FULLTEXT|COMBINE.

Exact Match Multiple Words: Set exact match multiple words and get products.

Note Exact Match Multiple Words Options only works with LIKE search Type.

Language Direction: You can set language direction from Left-to-Right or Right-to-Left for search result popup.

Recent Searches Tab >>

Set options like Enabled, Show on First Click, Section Title, Sort Order, Number Of Results search result popup

Popular Searches Tab, Suggested Terms Tab, Categories Tab, CMS Pages >>

Set options like Enabled, Section Title, Sort Order, Number Of Results search result popup

Category Filter Tab >>

Add Category Filter: You can add/remove category filter on choosing yes/no. If you select yes then choose categories from Search in Categories field.

Search in Categories: You can select categories for category dropdown in frontend.

Products Tab >>

Set Products search result section options like Section Title, Sort Order, Product Limit, Name Length, Description Length, Show Product Price, Show Product Code(SKU), Show Add To Cart Button, Show Product Image, Show Reviews.

Attribute wise Search Priority Tab >>

This Tab display the attribute list which is set as searchable in product attributes.

You can set the search weight from the dropdown.

Note For any attribute, higher the dropdown value selected has higher priority than other attributes. Ex: If you set dropdown value 10 for ‘Name’ attribute then it has high priority for search.

Popup Layout Settings Tab >>

In Backend, go to Poco Themes >> MageBees Extension Configuration >> Ajax Quick View

Quick View Popup Settings Tab >>

In Backend, go to Poco Themes >> MageBees Extension Configuration >> Blog

Blog Home Page >>

You can set Blog Page Title, Meta Keywords & Meta Description

You can set Blog Page Default Robots and Post Sort Order

You can set Blog page post listing List view or grid view

Blog Post List >>

You can set Default Short Content Word Length for showing short description in post list section.

You can set Post List Pagination for blog page.

You can set Featured Image Height & Width In Px.

You can set Post List View Style either list-view or grid view.

Post View >>

• Related Post

  Display Related Post: You can Show hide Related Posts on the post view page.

  Number of Posts: You can set how many post you want to show as related post on the post page.

• Related Post

  Display Related Products: You can Show hide Related Products on the post view page.

  Number of Posts: You can set how many products you want to show as related products on the post page.

Product View >>

• Related Post : On Product page related post section will be displayed.

  Display Related Post: You can show / hide related post on the product page.

  Number of Posts: You can set how many posts will be listed in the related post section on product page.

  Featured Image Height & Width In PX: You can set featured Image height and width for related post on the product view page.

Permalink Settings >> Using this section admin can able to change different URL options for better SEO result.

Author >> Using this section showing author information in the post list section.

Post Date >> Using this section display showing post Creation date in post listing section and date format.

Category Top Navigation >>

Display Blog Link: You can set yes for adding Blog Link in the top link section.

Link Text: You can set Top link text using this field.

Include Blog Categories: You can set yes for adding blog categories in the default top menu.

Maximal Depth: You can set blog category level limit for adding blog category in the top menu.

How to Use Blog Extension

For Setup Blog at your store go to CONTENT >> Blog

• Posts: You can create post and manage it using Blog Post Management Section.









• Categories: You can create categories and manage it using Blog Categories Management Section.
• Tags: You can create tags and manage it using Blog Tags Management Section.
• Comments: You can manage comments using Blog Comments Section.
• Import: You can import word-press post, categories, tags, comments information from word-press setup.



Database Name: Add your wordpress database name.

User Name: Add your database user name.

Password: Add your database password.

Database Host: Add your database host.

Table Prefix: Add your database table prefix.

Store View: Please select storeview in which you want to import post , categories , tags and comment information.



Note When you are importing wordpress Blogs from the live site and you will get connection time out issue then you need to ask your server team to Open your database to allow external connection.

When the import is completed successfully, please copy image files from WordPress wp-content/uploads directory to Magento pub/media/magebees_blog directory.

• URL ReWrite: You can manage url rewrite for posts , categories , tags.

In Backend, go to Poco Themes >> MageBees Extension Configuration >> Buy Now

Using this module you can display buy now buttton on required page as per display in configuration.

In Backend, go to Poco Themes >> MageBees Extension Configuration >> Custom Cart Style

Using this module you can set Cart Style after adding item into cart in configuration.

Enable: Choose Yes for enable Ajax cart style.

Ajax cart style: Choose Ajax cart style style.

• Show informed popup: When we click on add to cart then Show Poup with Current Cart Items.

  

  Show informed popup
• Make product image fly to footer cart panel: When we click on add to cart then the product goes to footer cart with a fly animation effect, the whole things create a good fly to cart effect.

  

  Fly to footer cart panel
• Show Ajax Add To Cart DialogBox: When we click on add to cart then Ajax Add To Cart DialogBox show.

  

  Ajax Add To Cart DialogBox

Auto close popup: Choose Yes for autoclose popup.

Showing Time (seconds): Set time in second for close current open popup.

Fly Cart Time (mili seconds): Set time in mili seconds for fly cart effect.

In Backend, go to Poco Themes >> MageBees Extension >> Manage Customer Testimonials

CREATE or EDIT Testimonial

Fill the form for testimonial and save the testimonial.

Submit Customer Testimonial Form in Frontend from VIEW ALL and Submit Your Testimonial.

In Backend, go to Poco Themes >> MageBees Extension Configuration >> Email Template Editor

This Extension helps you customize emails for better communication with the buyers and users of your website.

Please check the configuration options explaination from here.

In Backend, go to Poco Themes >> MageBees Extension Configuration >> Full Page Cache Warmer

This Extension helps you to improve your store performance for users of your website.

• Auto Generate Queue after Cache Flush: With this option, you can automatically generate warmer queue after cache flush/clean. Select “No” to disable this functionality.
• Auto Update warmer queue when product changes: With this option, updated or newly created product page, category page and CMS page url will automatically be added to the warmer queue.

Queue Generation Source Settings

• Queue Generation Source: With this option, you can select the source for generating warmer queue.
  • Pages Types: If you select "Page Types" from "Queue Generation Source" configuration option, then you will get the following screen.
  • Sitemap XML: If you select "Sitemap XML" from "Queue Generation Source" configuration option, then you will get the following screen.
  • Text file with one link per line: If you select "Text file with one link per line" from "Queue Generation Source" configuration option, then you will get the following screen.
  • Sitemap XML and Text File together: With this option, you can use both sitemap XML and Text file together for url to be crawled.
  • Popular Pages: With this option, you can create a warmer queue based on the most popular pages of your website. Pages are ranked according to the number of visits. The most popular pages URLs will be at the beginning of the queue and will be warmed first.

Performance Settings

You need to setup cron job as per your requirements for Generate Queue and Warme Queue process automatically.

In Backend, go to Poco Themes >> MageBees Extension Configuration >> Google Rich Snippets

With this extension, you can improve your search engine rankings. You can enable breadcrumbs for rich snippets, generate rich snippets with organization name, logo and social profiles. You can display a search input box for a home page in search results. With this extension, you can show average products rating and price data for category pages and product page.

• Product Rich Data

  

• Enabled On Category Page Rich Data

  

• Breadcrumbs

  

• Search Box

  

• Organization

  

• Social Profile

  

• You can setup Google Rich Snippets as per your requirements.

In Backend, go to Poco Themes >> MageBees Extension >> Manage Image Gallery

ADD or EDIT Image

General Tab & Sidebar Options >>

Title: You can set title or name for your list.

Status: You can enable or disable product list.

Is External: You can set YES if you want to use External URL in URL field.

URL: You can set link URL using this field.

Position: You can set image position in image list section.

Store View: You can choose store view in which you want to show product listing.

Image: You can upload image which you want to add in gallery section.

Enable Module: You can enable/disable module from configurations.

Allow Image File Type: You can set file type which you want to allow for use in image gallery section.

Enable: You can set YES if you want to show gallery in sidebar section.

Display Heading: You can set yes for showing heading in sidebar section.

Display Description: You can set yes for showing description in sidebar section.

No of Images: You can set how many images you want to show in sidebar section.

In Backend, go to Poco Themes >> Layered Navigation >> Configuration

General Settings >>

Layered Collapsible Navigation :Choose yes/no for effect of collapsible/expandable filters on layered navigation in store frontend.

Vertical Scrolling to Filter Higher Than Pixel :Here you can set pixel for display vertical scrolling to save vertical space.

Top Filter Type: You can display top filters in Horizontal Dropdown or Horizontal Boxes.

Use Default Swatch Template: choose yes for apply default swatch template for swatch attribute. If you select no then you can manage filter display type like MultiSelect ,Dropdown and other type from manage attribute filters section.

Enable Multi-Select for Swatches: Choose yes for apply multi-select on default swatch template.

You can configure different filters

• Category Filter

  Display Mode: You can display category filter in Dropdown, with sub categories and advanced categories mode.

  Sort Order: You can set sort order for category filter in layer navigation.

  Enable Multi select: You can enable multi select category filter in layer navigation.

  Show Product Count: Choose yes/no for show/hide product count for category filter in store frontend.

  Category Filter Position: Select Position for display category filter on sidebar, top or on both position.

  Collapse Category Filter: Choose yes/no for collapse/expand category filter in layered navigation.

• Price Filter

  Display Mode: You can display price filter in Dropdown, Range slider and From-to display mode.

  Unfold Option: Set number of option for unfold price filter.

  Add From-To Widget: You can add From-To Widget with Range slider, Dropdown and default mode of price filter.

  Show Product Count: Choose yes/no for show/hide product count for price filter in store frontend.

  Price Filter Position: Select Position for display price filter on sidebar,top or on both position.

  Collapse Price filter: Choose yes/no for collapse/expand price filter in layered navigation.

  Exclude Price filter from Categories: you can set comma separated category ids( E.g: 12,13) for not display price filter in particular category page.

• Brand Settings

  Brand Attribute Code: If you want to use your existing attribute with shop by brand functionality features at that time this functionality will help you for the same. You just need to set your existing attribute code here for example As we set “material” code in above example you need to do same on your store once you do this and save configuration this extension will work with your existing attribute option values.

  Brand Url Key: You can set brand list Url key for SEO url of brand page.

• Rating Filter

  Filter Label: Set Filter Label for Rating filter on layered navigation.

  URL param name: Set URL parameter name for Rating filter on layered navigation.

  Rating Filter Position: Select Rating filter position for display filter on sidebar, top or on both layered navigation block.

  Collapse Rating Filter :Choose yes for collapse Rating filter in layered navigation.

  Sort Order: Set sort order for Rating filter in layered navigation.

  Exclude Rating filter from Categories : Set comma separated category ids ( E.g: 12,13) for not display Rating filter in category page .If you want to display Rating filter in all category page , just empty this field.

• Stock Filter

  Filter Label: Set Filter Label for Stock filter on layered navigation.

  URL param name: Set URL parameter name for Stock filter on layered navigation.

  Stock Filter Position: Select Stock filter position for display filter on sidebar, top or on both layered navigation block.

  Collapse Stock Filter: Choose yes for collapse Stock filter in layered navigation.

  Sort Order: Set sort order for Stock filter in layered navigation.

  Exclude Stock filter from Categories :Set comma separated category ids ( E.g: 12,13) for not display Stock filter in category page .If you want to display Stock filter in all category page ,just empty this field.

SEO Settings >>

URL Type: Select url type for attribute filter in layered navigation.

• With GET Parameters
• Long With URL Key
• Short Without URL Key

Include Attribute Label/Code to Url : Select yes for include the Attribute Label/Code for seo filter url.

Include Attribute Label/Code: Select what you want to include in seo filter url “Attribute Code” or “Attribute Label”.

Replace Character: Select what you want to replace from seo filter url : “Replace all special character” or “Replace only white space”.

Replace Special Character With: Choose the character for replace the special character or white space from seo url with selected character.

Seperate Attribute Options With: Choose the character for separate the applied attribute filter option.

Manage Attribute Filters >>

In Backend, go to STORES >> Manage Attribute Filters

You can change attribute filter visibility for frontend.

Options for display attribute filter values in different mode like -

• Labels Only
• Images Only
• Images and Labels
• Drop-down
• Multi select With Labels Only
• Multi select With Labels and Images
• Radio Button With Labels

Attribute Option Information Tab >>

In Backend, go to Poco Themes >> MageBees Extension >> Messages Popup Modal

General Tab >>

Enable MPM: Here you can enable/disable the module.

Message Popup Style: From here you can select how you want to show message notification. Custom Message Popup or Magento Default Message Popup.

MPM Position: From Here you can set where you want to show Custom Message Popup in the site. Top, Middle, Bottom etc options are available.

Width of Notification Bar: From Here you can set the width of the notification bar.

Close Notification: Here you can set how notification should be close..

Success Message Color and Style >>

From Here you can set the success message style according to your requirement. Here we are providing many options like Background color, Font Size etc...

Error Message Color and Style >>

From Here you can set the error message style according to your requirement. Here we are providing many options like Background color, Font Size etc...

Notice Message Color and Style >>

From Here you can set the notice message style according to your requirement. Here we are providing many options like Background color, Font Size etc...

In Backend, go to Poco Themes >> Navigation Menu >> Manage Menu Groups

Create or Edit Menu Group

Menu Group Tab >>

Title: Enter group name, such as Main menu, Left menu, Top menu …, so you can easily remember the menu group.

Show Hide Group Title: You can show and hide the group title on the frontend.

Title Color: Set menu title color.

Title Background Color: Set menu title background color.

Status: You can Enable & Disable the Menu using the menu group.

Menu Type: There are main four menu types available.

• Mega-menu
  • Horizontal
  • Vertical
• Smart Expand
• Always Expand
• List Item

Menu Bar Options Tab >>

Mega Menu Item Options Tab >>

Flyout Options Tab >>

In Backend, go to Poco Themes >> Navigation Menu >> Manage Menu Items

Here you can add new menu as well as delete and update menu items easily.

You can directly drag and drop menu items from one group to another group.

Also you can change Parent and child menu item using the drag and drop and then click on the Save Order button which is set at the bottom for change the menu order.

General Options >>

Menu Item Type

• CMS Page
• Category Page
• Product Page
• Custom URL
• Alias [href=#]
• Group
• My Account
• My Cart
• My Wish list
• Login
• Logout
• Register
• Contact Us

You can set Menu Title, Add Custom Class, Assign Menu Group, Parent Item, Visible In, Sub Column Layout, Sub Menu Align

Advance Options >>

Access Permission: Using this you can set permission on the menu item base on the magento customer group.

Target Window: Using this set a target as current window or new window using the Parent or New window option.

Custom Link Title: Using this set the link title for the SEO.

Set Relation: Using this set a relationship between the current document and the linked document.

Upload Item Thumbnail: Using this you can set the menu item image. When menu item type is not category then only this option is available.

Show/Hide Thumbnail: Using this you can show or hide the uploaded Image on the frontend.

Label Options >>

You can set Label Title, Label Text Color, Label Font Size, Label Text Background Color

In Backend, go to Poco Themes >> One Page Checkout >> Configuration

General Configurations Tab >>

Enable billing to different address: Show/hide billing address section in front-end.

Enable suggesting address by Google: Using this option you can enable Google auto address suggest functionality.

Google API Key: Add your Google API Key here.

Redirect to checkout automatically after adding product to cart: When this option is enabled, customer will be redirected to checkout page instead of cart page while adding product to cart.

Default Values Tab >>

Default Payment Method: For setting default Payment Method in frontend.

Default Shipping Method: For setting default Shipping Method in frontend.

Frontend Fields Configuration Tab >>

Checkout Title: For setting checkout title which will be displayed top of the page.

Checkout Description: For setting Checkout Description.

Enable comment to order: Show/hide comment section in checkout.

Enable Newsletter: Show/hide Newsletter section in checkout.

Newsletter checkbox checked by default: For setting newsletter checkbox value by default.

Show Discount Code section: Show/hide Discount section in checkout.

Layout Tab >>

Checkout Page Layout: You can choose checkout page layout between 2 Column Alternative Layout and 1 Column.

Show Product Thumbnail In Order Review Section: Enable/Disable Product image thumbnail in order review section.

Image Width: Setting Product thumbnail image width.

Image Height: Setting Product thumbnail image height.

Field Management >>

In this section, you can arrange field positions, set required fields as well as change field label as per your requirements.

You can configure Delivery Date, Tax/Vat number validation, Checkout Mode, Terms and Conditions.

Color Management >>

Step Background Color: Choose background color for steps (Billing Address, Shipping Address, Shipping Method, etc).

Button Background Color: Choose background color for buttons (Place Order).

Title Font Color: Choose font color for steps (Billing Address, Shipping Address, Shipping Method etc).

Button Font Color: Choose font color for buttons (Place Order).

Order Attachments >>

Enable Order Attachment: You can enabled/disabled Order attachment on checkout page.

Section Title: Order Attachment and Comment Section Title.

Order Comment Title: You can set Enter Order Comment Title.

Order Attachment Title: You can set Order Attachment Title.

Order Attachment Type Allowed: You can set file type which you want to allow to the customer on checkout page.

Number of Attachments: You can set how many attachments you want to allow to the customer on checkout page.

You can configure Success Page, Trust Seals Block, Static CMS Blocks

In Backend, go to Poco Themes >> MageBees Extension >> Manage Page Banner

ADD or EDIT Banner

General Tab>>

Title: You can set title for page banner.

Status: You can enable or disable product list.

Page Type Options: You have different page type options so you need to select as per your requirements. Page Type have CMS Page, Catalog Category, Blog Category, Specified Page

CMS Page: You can select CMS Page in which you need to add page banner .

Category: You can select Category from drop down in in which you need to add page banner on Category Page.

Blog Category: You can select Blog Category from drop down in in which you need to add page banner on Blog Category Page.

Specified Page: You can select specified Page layout.

Store View: You can choose store view in which you want to show page banner.

Page Banner: You can upload image which you want to add in page banner section.

In Backend, go to CATALOG >> Products >> Add/Edit Products >> Images And Videos

Upload Flipper image and set Image role for product image.

Choose “Flipper Image” role for set product image as flipper image, then save the product.

In Backend, go to Poco Themes >> Product Image Flipper >> Configuration

Product Container Class Name: You can set your own Product Container class name if your site is having custom theme.

Product Image Class Name: You can set your own Product Image class name if your site is having custom theme.

Flip Image: You can apply different types of flipper effects like “horizontal”,“vertical”, ”Rotate” and “None”.

In Backend, go to Poco Themes >> Product Labels >> Manage Labels

CREATE or EDIT Labels

General Tab>>

Title: You can specify the title or name of your label.

Status: You can choose your label status (Active/Inactive).

Hide if high sort order label already applied: On choosing Yes this label become hide if high priority label is applied.

You can choose store view and customer groups in which your label applies.

Priority: You can specify your label sort order if there is multiple label on same product.

Labels Tab>>

Position: You can select the position of label on product image.

Image: You can choose your label image.

Image Width & Image Height: You can specify label image dimesions from here in pixels.

Text: You can write text here for display on label. You can also use following variables.

• {SAVE_PERCENT} – Displays save percentage.For e.g. 'Sale! {SAVE_PERCENT} OFF!' -> Sale! 25 Off!
• {SAVE_AMOUNT} – Displays save amount.For e.g. ‘You Save {SAVE_AMOUNT}’ -> You Save 25
• {PRICE} – Displays regular price.
• {SPECIAL_PRICE} – Displays special price.
• {FINAL_PRICE} – Displays final price.
• {NEW_FOR} – Displays total days since it is arrived.'NEW! Arrived just {NEW_FOR} days ago!'
• {SKU} displays product SKU.
• {BR} - New line. If you need to display some word or phrase in a separate line, please use {BR} variable.

Choose Text Color: You can choose text color using color picker which is display on label.

Text Font Size: You can specify font size of text which is display on label in pixels.

Set conditions as per requirement. Based on condition label will display on specific product. If no condition then label will display on all products.

In Backend, go to Poco Themes >> MageBees Extension >> Manage Product Listing

CREATE or EDIT Product Listing

General Tab>>

Title: You can set title or name for your list.

Status: You can enable or disable product list.

Store View: You can choose store view in which you want to show product listing.

Product Type Options: You can select Product Type. Here we have four different product types available in Product Listing section.

• Featured
• New
• Most Viewed
• Bestseller

Collection Type: You can select Collection Type frop drop down.

• Auto
• Manual
• Both

Display By: You can display all products or you can filter products by categories.

Select Template: You can select product listing template so base on it you can show products with different layouts.

• Grid
• List
• Sidebar

Set Pagination and Slider Options as per your requirements.

Number of Products: You can set how many products you want to show in this product listing section.

Enable Slider: You can set product listing as slider as YES then , there are different slider related options so please select slider related options as per your requirements.

If you do not want to use slider then You can set product listing as grid layout. There are different options like related options.

Auto Load Next Page: You can load next page products using ajax.

Loading type for load page content: You can load next page products by scrolling the page or you can set click event for loading next page products.

Show View More Button: You can show view more button for listing all the products from current product listing section.

View More Button Title: You can set view more button title.

View More Button URL: You can set view more button URL.

Set Display Settings Options as per your requirements.

Display heading: You can set heading section in product listing section..

Display Short Description: You can set short description section in product listing section.

You can set other options as per your requirements.

Set Products which you want to show in this product listing section.

In Backend, go to Poco Themes >> MageBees Extension >> Promotions Notification

Create or Edit New Notification

• Enter your notification title, notification content with editor, notification background color.
• Select notification position Bar/Popup that you want to display.
• Select notification status Enabled /Disabled, Start Datetime and End DateTime, enter sort order of notification.
• Select store view and customer group that you want to display a notification.
• Select CMS pages that you want to display a notification.
• Select categories that you want to display a notification.
• Select the product that you want to display a notification.
• Copy related file code and put in xml, phtml and php file for display notification in your custom pages.

In Backend, go to Poco Themes >> MageBees Extension Configuration >> Promotions Notification >> Notifications Settings for Bar

In Backend, go to POSH THEME >> Promotions Notification >> Promotions Notification >> Notifications Settings for Popup

In Backend, go to Poco Themes >> Responsive Banner Slider >> Manage Groups

CREATE or EDIT BANNER GROUP

General Information Tab Settings

Group Title: You can able to specify Title of groups.

Group Position: It allows you to set and show Sliders on top/bottomof content area. Once you set Position Slider group automatically display on top or on bottom of content area of CMS pages, Category Pages, Product Pages based on selection you did for group, like on which CMS page, Category page, Product Page you want to show this Slider Group.

Sort Order: You can set the sort order in case of multiple slider groups on one page.

Status: You can able to Enabled/Disabled Slider Group from admin.

Visible In: This option is only visible in multistore and is used to select the store views where the slider group should be displayed.

Auto Start Animation: You can set yes or no start group sliding automatically.

Loop Slider: Determines if the slider group shouldend the animation on the latest slide or start at the beginning.Pause Slider On Navigation.

Pause Slide on Navigation: Only shown when auto start is set to yes. This pause the auto slide function when a navigation arrow is clicked or the pagination is used to navigate through the slides.

Pause Slider on hover: Only shown when auto start is set to yes.You can set pause slider on hover effect yes or no.

Animation Effect: You can set Animation Type effectSlide or Fade.

Animation Duration: You can set Animation duration time. (in milliseconds–default value is 600)

Animation Direction: You can able to specify the Animation Direction of slides group as Vertical/horizontal. Based on selection group slider will work on front-end.

Slide Duration: You can set slide duration time. (in milliseconds–default value is 7000)

Random order: If set to yes the slides are shown in a random order instead of the set order.

Smooth Height: You can set group slider smooth height effect yes or no.

Maximum Width Slider: You can set Maximum Width of group slider. If enter value 0 or empty then maximum width will be 100%.

Slider Theme and Slider Type: You can select different type of slider theme. (Default / Blank / Drop Shadow / Embose).youcan select different type of slider type. (Basic slider/ Carousel/ Basic slider with carousel navigation)

You can set Banner content Background Color, Opacity.

You can choose Navigation Arrows Style, Position, Color.

You can choose Pagination Style, Position, Color, Bar Background Color.

Enabled: You can enabled or disable module from configurations.

Show in CMS Pages: You can enabled or disable Responsive banner slider for CMS pages.

Show in Category Pages: You can enabled or disable Responsive banner slider for Category pages.

Show in Product Pages: You can enabled or disable Responsive banner slider for Product pages.

Developer Mode: Select "Yes" when you are working on staging/development environment. In production envionment(when you make your site live) set this to "No", by doing this it will generate Static HTML Code for your slider(s).Please note that this will decrease page load time, and help you in making your site load fast.

Publish Static HTML Slider: If Developer Mode is set to "No" and you made any changes in slider items ( like add,add-sub,edit,delete,re-order slider items or change in the slider group ) then you must PUBLISH Static HTML Slider again so that your changes reflect in frontend.

In Backend, go to Poco Themes >> MageBees Extension Configuration >> Social Sharing

General Configurations Tab >>

Enable: you can enable/disable the module.

Enable Counter: Using this option you can enable/disable the counter of the share counter for the social share buttons.

Enable Thank you Popup: If you want to show a Thank You Popup after share the page or site then you can manage it from here.

Show Under Add To Cart on Product Detail Page: If you want to show social share button under Add to Cart button in product detail page then you can enable it from here.

Button Size: From here you can choose the button size of Social Share buttons under Add to Cart buttons.

Color and Style Configurations Tab >>

You can select formatting color and style as per requirement.

Social Sharing Service Tab >>

From here you can enable disable the pre-defined social service as well as upload your custom image for social share icons.

In Backend, go to Poco Themes >> Today's Deal Products >> Manage Deal Products

CREATE or EDIT Labels

General Tab>>

Title: You can set title or name for your deal.

Description: Add description of the deal in short or short summary of deal. It is not mandatory.

Status: Select status of your deal. (Active/Inactive)

Timer Format: You can display timer by two types.

Based on From and To Date: Timer count is displayed between from and to date

24 hours: Timer count is reset in every 24 hours from “from date” till to date.

From Date and To Date: Choose from date and time for when you want to start the deal.Choose to date and time for specifying expiry date and time of your deal.

You can choose store view and customer groupd in which your label applies.

Create Conditions for Deal Products and Set Layout options.

In Backend, go to Poco Themes >> MageBees Extension >> Manage Finders

CREATE or EDIT Finder

General Tab>>

Title: You can able to specify Title of Finders.

Status: You can able to Enabled/Disabled finder from admin.

Number of Dropdowns: Set number of drop downs which you want to use.

Drop Down Style: You can choose drop down display style like Horizontal or Vertical.

Columns: You can choose no of columns if drop down style is horizontal.

Once you have specified the all option, please click on Save and Continue Edit or Save button. After save the finder other tabs will be display.(This is only if create new finder, if you edit the finder, all tabs will display.)

Dropdowns Tab >>

At the ‘Dropdowns’ tab you can specify title for each of the finder dropdown options and choose sorting for it.

For example year, make, model(already created for theme) and select it’s sorting like ascending or descending.

Click on “Save and Continue Edit” button.

Categories Tab >>

Select categories for display finders on category page. You can assign one finder in multiple categories.

Products Tab >>

Your finder product list will be display with all options. Like Year, Make, Model.

You can edit the finder product from this tab grid.

Note You have to create products for set the product finders’ option in frontend and search the particular products.

Manually Create Finder Products >>

Click on “Add New Record” button. You will get following screen.

Add dropdown values in textboxes. For example: Manufacturer: Nike, Material:Canvas, Color: Black.

Choose products by click on checkbox for specified ymm values and “Assign Product”.

After save the product, all products will be display on “Products” tab grid.

Import Finder Products Using Csv file >>

Click on “Import Finder Records” button. You will get following screen.

Please upload your created CSV file and click on “Upload File” button.

Now click on “Import Finder Data” tab.

If you want to delete the all existing data and import the new products then please select “Yes” in “Do You Want To Delete Existing Data?” dropdown.

Choose uploaded CSV file from dropdown and click on “Import”.

For same YMM values join skus with “|” as per above format.

Do not set empty value in csv for any ymm option.

You can import bulk of products using csv file.

Universal Products Tab >>

The use of or need of assigning universal products is if there are some products which should be display in every then for each finder you can choose or import universal products.

These products will be displayed in search results for every search query for specific finder.

In Backend, go to Poco Themes >> Configuration >> Sidebar

Show HTML Text Block: If select Yes, it will show HTML Text block on side bar.

HTML Text Block: If select Yes, it will show HTML Text block on side bar. You can add static block identifier and it will display as a HTML Text Block.

Show Banner Block: If select Yes, it will show banner block on side bar.

Banner Block: If select Yes, it will show banner block on side bar. You can add banner block identifier and it will display as a Banner Block.

You will find block CONTENT >> Elements >> Blocks

In Backend, go to Poco Themes >> Configuration >> Product Listing / Category View Page

Page Layout: Select layout 1 column, 2 columns with left bar or 2 columns with right bar.

Keep Image Aspect Ratio: If select Yes, shows product image with uploaded image's size ratio.

Image Width, Image Height: If you set "Keep Image Aspect Ratio" field to "No", product image will be shown on this size.

Show Sub Categories Thumbnail: You can add thumnnail images for subcategories in listung page.

In Backend, go to CATALOG >> Categories >> Select Category >> Open Content >> Upload Image in Thumbnail

Move Category Description Below Product List:You can move category description at the bottom of the product list.

Move Category Image Below Product List:You can move category image at the bottom of the product list.

Show/Hide options for Product SKU, Product Category, Rating Stars, Configurable Swatch, Product Price, Short Description, Product View Link, Product Brand Name.

Show/Hide options for Recently View, Compare, Wishlist Products Section.

Sku Label: You can set SKU Label for showing as SKU.

Sku & Price Section Separator: You can set Separator between sku and price.

Show Product Per Row: You can choose 2~5 products per row.

Product Hover Button Effects: You can choose hover style for buttons.

In Backend, go to Poco Themes >> Configuration >> Product Detailed / View Page

Page Layout: Select layout 1 column, 2 columns with left bar or 2 columns with right bar.

Thumbs Style: Select product image thumbnail style(Horizontal/Vertical/Dots, Grid View).

Show Navigation Arrows: Show/Hide product main image navigation arrows.

Enable Image Fullscreen: Enable/Disable image fullscreen on click of main image.

Enable Product Zoom: Enable/Disable hover product image zoom.

Thumbs Width/Height: Set height, width of thumbnail images.

Show Thumbs Navigation Arrows: Show/Hide navigation arrows for thumbnail images.

Show/Hide Related Products, Upsell Products, Recently Viewed Products, Compare Products, Wishlist Products and Size Guide Button.

Size Guide Button Label: You can set Size Guide button label.

Size Guide Block: You can add size guide block identifier and it will display as a Size Guide in Modal Popup..

You will find block CONTENT >> Elements >> Blocks

Show Next/Prev Product Links: Using this you can navigate to next or previous product. You can also set link text.

Add to Cart Sticky: Enable/Disable sticky for add to cart product. You can also enable/disable sticky cart for mobile.

Tab Style: Select product details tab style(Horizontaln/Vertical/Accordion).

You can also move the tab section to content.

You can add custom tabs directly from here by adding static block or any product attribute.

In Backend, go to Poco Themes >> Fashion >> Configuration >> Footer

You can set colors for >>

Footer Background Color, Border Color, Text Color, Heading Text Color , Links Color, Links Hover Color.

You can also set Background Image and Font size.

In Backend, go to Poco Themes >> Configuration >> Footer >> Settings

Select Footer Style: Theme have different types of footers. You can select any style. Please see below images for sample footers.

Store Logo Image: Upload your store logo image from here.

Store Logo Image Width: You can set Logo width.

Store Logo Image Height: You can set Logo height.

Select Footer Colums: Select menu groups which are created from navigation menu list type for display footer links. We provided predefined menu groups and menu items while you importing module data.

Show Social Media Links: Show/Hide social media links icon which are added from Show Social Media Links Section.

Custom Copyright Text: You can set your own copy right text from here.

In Backend, go to Poco Themes >> Configuration >> Social Media Links

Add title, url and icon for social media link.

Note You can take reference for font icon code from >> Feather Icons

In Backend, go to Poco Themes >> Configuration >> Contact Us Page

Show Google Map: You can enable or disable google map in Contact Us page.

Google Map Embeded Code: Add embeded code for display specified address map.

Add details of Store Name, Store Address, Contact No, Store Email for contact us page.

In Backend, go to Poco Themes >> Configuration >> Social Feeds

Add required details of Facebook Fanbox.

You can use it by creating widgets.

In Backend, go to Poco Themes >> Configuration >> Cookie Policy

Foramt cookie policy bar, font, I agree and Read More button.

In Backend, go to Poco Themes >> Configuration >> Product Notification

Real-time alerts of recent purchases to increase buyer confidence and urgency.

In Backend, go to Poco Themes >> Configuration >> Browser Tab Notification

Browser tab notifications can alert customers and bring them back to your shop. A browser tab notification occurs when you make changes to your website's tab while the user is browsing a different website. By incorporating a browser tab notification feature, you can capture the user's attention as soon as they switch to another tab, thereby preventing them from leaving your page.

In Backend, go to Poco Themes >> Configuration >> Mobile Fixed Bottom Menu

This menu will be visible only from mobile view

In Backend, go to Poco Themes >> Configuration >> Exit Intent Popup

An exit intent popup example could be that when a customer is adding items to their shopping cart and then is about to leave without checking out, an exit popup can offer vouchers or discount codes to that specific customer so that they can 'seal the deal'..

In Backend, go to Poco Themes >> Configuration >> Developer

Add js and css code in textarea and it will added to frontend.

General issues after installation

• After installing , Site cannot load CSS & JS

  Ans: Open command prompt/terminal and change directory to your Magento installed directory.

  Run following commands

  php bin/magento setup:upgrade

  php bin/magento setup:static-content:deploy -f

  php bin/magento cache:clean

  php bin/magento cache:flush

• Changes not applied from Poco Themes admin options?

  Ans: Please clean cache from admin aor run cache:clean commande from treminal after changing option for theme.

• Color changes not applied

  Ans: You have to deploy if color or other formatting changes are not reflected on frontend.

• Images are not display in banners

  Ans: Please download place holder images .

• Mega menu items not displaying

  Ans: Please check Navigation menu pro >> manage menu items. If menu items not created proper then it will not display.

General issues after installation

1. After installing , Site cannot load CSS & JS

   Ans: Open command prompt/terminal and change directory to your Magento installed directory.

   Run following commands

   php bin/magento setup:upgrade

   php bin/magento setup:static-content:deploy -f

   php bin/magento cache:clean

   php bin/magento cache:flush

2. How to translate language in Stella Theme ?

   Ans: Magento 2 gives below two methods for translating the language in your store.

   1. Method 1:In order to enable Translate Inline, your Magento needs to be in the default or developer mode. Then you need to go to Admin Panel > Stores > Settings > Configuration > Advanced > Developer > Translate Inline. Choose whether you want it to be enabled for Storefront or for the Admin panel. Now you can change the language translation from the admin section.
   2. Method 2:In magento we can translate language by installing language package in your store. We have EN translate file at below path.

      path : "Magento_Root\app\design\frontend\Magebees\pocothemes\i18n\en_US.csv" file.

      So you need to create a language translate file and add the content as per your language requirements.

3. How to change homepage banner in Stella Theme ?

   Ans: Please Go To Poco Themes - Configuration Section. Go To Home Page Section. Then Check Which Responsive Banner Group Selected in Select Banner Slider drop down.

   

   Then Go to Poco Themes - Responsive Banner Slider - Manage Slides Section. Then Select Responsive Banner Slider Group From "Choose Slider Group" drop down from Top. So it will filter slides for specific groups only. So you can easily edit the slider items.

   Now Edit Slide in which you want to change and do needful changes in it.

   Note : Then Go To Poco Themes - MageBees Extension Configuration - Responsive Banner Slider. Then Go to Super Cache (Improves Performance). If Developer Mode No Then Click On Publish Static HTML Slider Button.

   Now Go to System - Tools - Cache Management and refresh magento default cache and check on frontend, your changes will be applied on frontend.

4. How to Assign Categories to Home Page Category Listing Section in Stella Theme ?

   Ans: We have created "Magebees::Category List Thumbnail Widget" to set up the Category listing section on the home page for display categories. In the home page section you need to edit the Magebees::Category List Thumbnail Widget from admin Home Page. .

   Please Edit Home Page and then Double Click On Magebees::Category List Thumbnail Widget. Now you will edit Magebees::Category List Thumbnail Widget.

   

   Now Select Categories from Categories Multiselect section.

   

5. How to Assign Products to Home Page Product Listing Section in Stella Theme ?

   Ans: We have created "Magebees::Products Listing Widget" to set up the Product listing section on the home page. You need to check which product list is assigned in this widget then edit that product listing section and assign products in that product listing section.

   

   

   Please go to Catalog - Magebees Product Listing section. Then edit the related product list and Go to Select Products Tab. Here you need to assign newly created products in the list then newly created products will be displayed on the Home Page..

   

6. Recently viewed products not visible on product detail page ?

   Ans: We have to follow below steps for showing Recently View Products on product detail page.

   • Please go to PocoThemes - Configuration, Product Detailed / View Page - Products Settings >> Show Recently View Products - Yes.
   • Stores > Settings > Configuration > Catalog > Recently Viewed/Compared Products select Yes to ( Synchronize widget products with backend storage ).
   • Stores > Settings > Configuration > General > Reports > Enable Reports select Yes and Enable "Product View" Report select Yes.
   • Now clean magento default cache.

• Poco Themes package to install in your store
• Poco Themes required plugins package

Note Please note that the images used in our theme's demo are for samples purpose only and they are not included in the purchase package. We have added a link of placeholder images, you can download and upload them after theme installation, so that it will make it easier for you to know the actual dimension of images to be added in place of them. For your convenience we have added free images website URLs in our Credits section, so you can browse the images from these websites and use it as per your need, but please make sure to check the license, term and condition of respective websites before using them.

• jQuery Library
• Google Fonts
• Sample Images
  • Unsplash
  • Pixabay
  • Pixels