Posh Multipurpose Responsive Fashion Theme By MageBees...MageBees a Venture by Capacity Web...

MageBees a Venture by Capacity Web Solutions Pvt. Ltd.

Support Ticket: - https://support.magebees.com , Support Email :- [email protected]

Posh Multipurpose Responsive Fashion Theme User Guide

Posh Multipurpose Responsive Fashion Theme

By

https://www.magebees.com/

Posh Multipurpose Responsive Fashion Theme By MageBees

2 MageBees a Venture by Capacity Web Solutions Pvt. Ltd.

Support Ticket :- https://support.magebees.com , Support Email :- [email protected]

CONTENT

Theme Activation 3

Design Configuration 4

Theme Layout 9

Newsletter popup & notifications 10

Font Icons 13

Header 14

Home Page 17

Widgets 18

Tools 27

Product Listing Page 49

Product Detailed Page 51

Footer 53

Troubleshooting 57

Support 59




THEME ACTIVATION

APPLY POSH THEME

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

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

Select "Magebees Posh Fashion" from Applied Theme.

Click on "Save Configuration".

SETUP THEME

In Backend, go to POSH THEME >> Fashion >> Installation

Click on "Import Static Blocks".

o It will create the blocks which are used in the theme.

Click on "Import Static Pages".

o It will create the CMS Pages which are used in the theme.

Choose any one demo for your store from 3 demos and click on any one of them for

set all configuration of the selected demo.




DESIGN CONFIGURATION

TYPOGRAPHY

In Backend, go to POSH THEME >> Fashion >> Configuration >> Design

Configuration >> Typography

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

heading.




ELEMENT GOOGLE FONT

In Backend, go to POSH THEME >> Fashion >> 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




COLORS


Configuration >> Colors

In these options, you can set color values for general elements - link, button and

breadcrumb.




PAGE WRAPPER & MAIN CONTENT


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.


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.




THEME LAYOUT

In Backend, go to POSH THEME >> Fashion >> 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.

Scroll to Top: There is an option for navigating to the top of the page also able to

select position right or left.

Sharing Add-ons: Create an account or customize your tools from

www.addthis.com/dashboard, copy your AddThis Pub ID and add to Addthis Pub ID

textbox.

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

Compare.




NEWSLETTER POPUP & NOTIFICATIONS

In Backend, go to POSH THEME >> Fashion >> 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 POSH THEME >> Promotions

Notification >> Manage Notifications

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

CREATE 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 POSH THEME >> Promotions Notification >> Configuration >>

Notifications Settings for Bar




In Backend, go to POSH THEME >> Promotions Notification >> Configuration >>

Notifications Settings for Popup




FONT ICONS

In Backend, go to POSH THEME >> Fashion >> Configuration >> Font Icons . You can

set font icons for following.

NOTE You can take reference for font icon code from >> Themify Icons

(https://themify.me/themify-icons) and Font Awesome

(https://fontawesome.com/v4.7.0/icons/)

https://themify.me/themify-icons

https://fontawesome.com/v4.7.0/icons/




HEADER

CUSTOM HEADER

In Backend, go to POSH THEME >> Fashion >> Configuration >> Header

You can set colors for >>

o Header Background Color, Border Color and Text Color.

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

o Searchbox Background Color, Text Font Color and Border Color.

o Minicart Background Color, Font Color and Icon Color.




SETTINGS

In Backend, go to POSH THEME >> Fashion >> 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.

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 >>

o In Backend, go to POSH THEME >> Navigation Menu >> Manage Menu

Groups

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

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

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 >>

o No Sticky

o Reverse Sticky

o Sticky

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




HOME PAGE

Select Home Style: Theme has different types of home page styles. You can select

any style.

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 POSH

THEME >> 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.




WIDGETS

CONTENT WIDGET

In Backend, go to CONTENT >> Pages >> Edit or Add Page >> go to Content Tab >>

Click on Insert Widget >> Select Magebees_PoshBase::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.




ADVERTISEMENT BLOCK WIDGET


Click on Insert Widget >> Select Advertisement Block Widget

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

Manage Advertising Blocks.




CATEGORIES LIST THUMBNAIL WIDGET

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.




AJAX CATEGORY PRODUCTS WIDGET


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.




TODAY'S DEAL WIDGET

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.




BESTSELLER PRODUCTS WIDGET


Click on Insert Widget >> Select Bestseller Products Widget

You can display title and which products do you want to display as a bestseller.

Bestseller Products: You can choose products types like auto, manually selected or

both.

For add products manually go to POSH THEME >> Bestseller Products . Select

products for display as a bestseller.

FEATURED PRODUCTS WIDGET


Click on Insert Widget >> Select Featured Products Widget

You can display title and which products do you want to display as featured.

For add products as featured go to POSH THEME >> Featured Products . Select

products for display as featured.

MOST VIEWED PRODUCTS WIDGET


Click on Insert Widget >> Select Mostviewed Products Widget

You can display title and which products do you want to display as most viewed.

Most viewed Products: You can choose products types like auto, manually selected

or both.

For add products manually go to POSH THEME >> Mostviewed Products . Select

products for display as most viewed.

NEW PRODUCTS WIDGET


Click on Insert Widget >> Select New Products Widget

You can display title and which products do you want to display as new.

New Products: You can choose products types like auto, manually selected or both.

For add products manually go to POSH THEME >> New Products . Select products for

display as new.




CUSTOMER TESTIMONIAL WIDGET


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.

PARALLAX IMAGE WIDGET


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.




WORDPRESS BLOG WIDGET


Click on Insert Widget >> Select Wordpress Blog Widget

Using theme you can diplay wordpress blog using widget.

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

WORDPRESS INTEGRATION USING FISHPIG WORDPRESS INTEGRATION MODULE

Download module from >> https://fishpig.co.uk/magento/wordpress-integration/

Reference >> https://fishpig.co.uk/magento/wordpress-integration/installation/

https://fishpig.co.uk/magento/wordpress-integration/

https://fishpig.co.uk/magento/wordpress-integration/installation/




INSTAGRAM WIDGET


Click on Insert Widget >> Select Instagram Widget

Set title, description, resolution of images.

You can select formatting options as per requirement.




TOOLS

HOW TO CONFIGURE AJAX QUICK SEARCH?

In Backend, go to POSH THEME >> Ajax Quick Search >> Configuration

Settings Tab >>

o You can set minimum character length for Ajax search.

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

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

products.

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

o Language Direction: You can set language direction from Left-to-Right or

Right-to-Left for search result popup.

Recent Searches Tab >>

o Set options like Enabled, Show on First Click, Section Title, Sort Order,

Number Of Results search result popup

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

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

result popup

Category Filter Tab >>

o Add Category Filter: You can add/remove category filter on choosing yes/no.

If you select yes then choose

o categories from Search in Categories field.

o Search in Categories: You can select categories for category dropdown in

frontend.

Products Tab >>

o 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 >>

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

attributes.

o You can set the search weight from the dropdown.

o 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 >>




HOW TO ADD NAVIGATION MENU?

In Backend, go to POSH THEME >> Navigation Menu >> Manage Menu Groups

Menu Group Tab >>

o Title: Enter group name, such as Main menu, Left menu, Top menu …, so you

can easily remember the menu

o group.

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

frontend.

o Title Color: Set menu title color.

o Title Background Color: Set menu title background color.

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

o 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 POSH THEME >> Navigation Menu >> Manage Menu Items

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

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

group.

o 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 >>




o 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

o You can set Menu Title, Add Custom Class, Assign Menu Group, Parent Item,

Visible In, Sub Column Layout,Sub Menu Align

Advance Options >>

o Access Permission: Using this you can set permission on the menu item base

on the magento customer group.

o Target Window: Using this set a target as current window or new window

using the Parent or New window option.

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

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

the linked document.

o 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.

o Show/Hide Thumbnail: Using this you can show or hide the uploaded Image

on the frontend.

Label Options >>

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

Background Color




HOW TO ADD BANNER SLIDER?

In Backend, go to POSH THEME >> Responsive Banner Slider >> Manage Groups

General Information Tab >>

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

o 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.

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

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

o Visible In: This option is only visible in multistore and is used to select the store

views where the slider group should be displayed.

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

o Loop Slider: Determines if the slider group shouldend the animation on the latest

slide or start at the beginning.Pause Slider On Navigation.

o 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.

o Pause Slider on hover: Only shown when auto start is set to yes.You can set pause

slider on hover effect yes or no.

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

o Animation Duration: You can set Animation duration time. (in milliseconds–default

value is 600)

o Animation Direction: You can able to specify the Animation Direction of slides group

as Vertical/horizontal.

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

7000)

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

set order.

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

o Maximum Width Slider: You can set Maximum Width of group slider. If enter value

0 or empty then maximum width will be 100%.

o 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)

o You can set Banner content Background Color, Opacity.

o You can choose Navigation Arrows Style, Position, Color.

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




HOW TO ADD ADVERTISEMENT BLOCK?

In Backend, go to POSH THEME >> Advertisement Blocks >> Manage Advertising

Blocks

o Advertisement Block Name: You can set Advertisement Block name for

Identification.

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

o 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.

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




HOW TO MANAGE CUSTOMER TESTIMONIAL?

In Backend, go to POSH THEME >> Customer Testimonial >> Manage Testimonials

Fill the form for testimonial and save the testimonial.

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

Testimonial.




HOW TO CREATE PRODUCT LABELS?

In Backend, go to POSH THEME >> Product Labels >> Manage Labels

General Tab>>

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

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

o Hide if high sort order label already applied: On choosing Yes this label become

hide if high priority label is applied.

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

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

product.

Labels Tab>>

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

o Image: You can choose your label image.

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

pixels.

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

variables.

o {SAVE_PERCENT} – Displays save percentage.For e.g. 'Sale! {SAVE_PERCENT} OFF!' ->

Sale! 25 Off!

o {SAVE_AMOUNT} – Displays save amount.For e.g. ‘You Save {SAVE_AMOUNT}’ ->

You Save 25

o {PRICE} – Displays regular price.

o {SPECIAL_PRICE} – Displays special price.

o {FINAL_PRICE} – Displays final price.

o {NEW_FOR} – Displays total days since it is arrived.'NEW! Arrived just {NEW_FOR}

days ago!'

o {SKU} displays product SKU.

o {BR} - New line. If you need to display some word or phrase in a separate line, please

use {BR} variable.

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

label.

o 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.




HOW TO ADD DEAL PRODUCTS?

In Backend, go to POSH THEME >> Today's Deal Products >> Manage Deal Products

General Tab>>

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

o Description: Add description of the deal in short or short summary of deal. It

is not mandatory.

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

o Timer Format: You can display timer by two types.

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

date

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

o 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.

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

Create Conditions for Deal Products and Set Layout options.




HOW TO CONFIGURE AJAX QUICK VIEW PRODUCT?

In Backend, go to POSH THEME >> Ajax Quick View >> Configuration

Quick View Popup Settings Tab>>




HOW TO SET FLIPPER IMAGE ?

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 POSH THEME >> Product Image Flipper >> Configuration




o Product Container Class Name: You can set your own Product Container class

name if your site is having custom theme.

o Product Image Class Name: You can set your own Product Image class name

if your site is having custom theme.

o Flip Image: You can apply different types of flipper effects like

“horizontal”,“vertical”, ”Rotate” and “None”.




HOW TO CONFIGURE AJAX INFINITE SCROLL?

In Backend, go to POSH THEME >> Ajax Infinite Scroll >> Configuration

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.




HOW TO CONFIGURE IMPROVED LAYERED NAVIGATION?

In Backend, go to POSH THEME >> Layered Navigation >> Configuration

General Settings >>

o Layered Collapsible Navigation :Choose yes/no for effect of

collapsible/expandable filters on layered navigation in store frontend.

o Vertical Scrolling to Filter Higher Than Pixel :Here you can set pixel for

display vertical scrolling to save vertical space.

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

Horizontal Boxes.

o 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.

o Enable Multi-Select for Swatches: Choose yes for apply multi-select on

default swatch template.

You can configure different filters

Category Filter

o Display Mode: You can display category filter in Dropdown, with sub

categories and advanced categories mode.

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

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

navigation.




o Show Product Count: Choose yes/no for show/hide product count for

category filter in store frontend.

o Category Filter Position: Select Position for display category filter on sidebar,

top or on both position.

o Collapse Category Filter: Choose yes/no for collapse/expand category filter in

layered navigation.

Price Filter

o Display Mode: You can display price filter in Dropdown, Range slider and

From-to display mode.

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

o Add From-To Widget: You can add From-To Widget with Range slider,

Dropdown and default mode of price filter.

o Show Product Count: Choose yes/no for show/hide product count for price

filter in store frontend.

o Price Filter Position: Select Position for display price filter on sidebar,top or

on both position.

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

navigation.

o 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

o 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.

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

Rating Filter

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

o URL param name: Set URL parameter name for Rating filter on layered

navigation.

o Rating Filter Position: Select Rating filter position for display filter on sidebar,

top or on both layered

o navigation block.

o Collapse Rating Filter :Choose yes for collapse Rating filter in layered

navigation.

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




o 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

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

o URL param name: Set URL parameter name for Stock filter on layered

navigation.

o Stock Filter Position: Select Stock filter position for display filter on sidebar,

top or on both layered navigation block.

o Collapse Stock Filter: Choose yes for collapse Stock filter in layered

navigation.

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

o 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 >>

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

With GET Parameters

Long With URL Key

Short Without URL Key

o Include Attribute Label/Code to Url : Select yes for include the Attribute

Label/Code for seo filter url.

o Include Attribute Label/Code: Select what you want to include in seo filter

url “Attribute Code” or “Attribute

o Label”.

o Replace Character: Select what you want to replace from seo filter url :

“Replace all special character” or

o “Replace only white space”.

o Replace Special Character With: Choose the character for replace the special

character or white space from

o seo url with selected character.

o Seperate Attribute Options With: Choose the character for separate the

applied attribute filter option.




HOW TO CONFIGURE ONE PAGE CHECKOUT?

In Backend, go to POSH THEME >> One Page Checkout >> Configuration

General Configurations Tab >>

o Enable billing to different address: Show/hide billing address section in

front-end.

o Enable suggesting address by Google: Using this option you can enable

Google auto address suggest functionality.

o Google API Key: Add your Google API Key here.

o 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 >>

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

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

Frontend Fields Configuration Tab >>

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

page.

o Checkout Description: For setting Checkout Description.

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

o Enable Newsletter: Show/hide Newsletter section in checkout.

o Newsletter checkbox checked by default: For setting newsletter checkbox

value by default.

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

Layout Tab >>

o Checkout Page Layout: You can choose checkout page layout between 2

Column Alternative Layout and 1 Column.

o Show Product Thumbnail In Order Review Section: Enable/Disable Product

image thumbnail in order review section.

o Image Width: Setting Product thumbnail image width.

o Image Height: Setting Product thumbnail image height.

Field Management >>

o In this section, you can arrange field positions, set required fields as well as

change field label as per your requirements.

o You can configure Delivery Date, Tax/Vat number validation, Checkout

Mode, Terms and Conditions.

Color Management >>

o Step Background Color: Choose background color for steps (Billing Address,

Shipping Address, Shipping Method, etc).




o Button Background Color: Choose background color for buttons (Place

Order).

o Title Font Color: Choose font color for steps (Billing Address, Shipping

Address, Shipping Method etc).

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

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




PRODUCT LISTING 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

listing page.

In Backend, go to CATALOG >> Categories >> Select Category >> Open Content >>

Upload Image in Thumbnail

Show/Hide options for Rating Stars, Product Price, Short Description, Product View

Link.

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




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

Flex Grid: Enable/Disable flex grid mode.

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




PRODUCT DETAILED 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).

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 and Wishlist Products.

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.




FOOTER

CUSTOM FOOTER

In Backend, go to POSH THEME >> Fashion >> Configuration >> Footer

You can set colors for >>

o Footer Background Color, Border Color, Text Color, Links Color, Links Hover

Color.

You can also set Background Image and Font size.




SETTINGS

In Backend, go to POSH THEME >> Fashion >> Configuration >> Footer>> Settings

Select Footer Style: Theme have different types of footers. You can select any style.

Please see below images for sample headers.

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.




SOCAIL MEDIA LINKS

In Backend, go to POSH THEME >> Fashion >> Configuration >> Social Media Links

Add title, url and icon for social media link.

NOTE You can take reference for font icon code from >> Themify Icons

(https://themify.me/themify-icons) and Font Awesome

(https://fontawesome.com/v4.7.0/icons/)

CONTACT US PAGE

In Backend, go to POSH THEME >> Fashion >> 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.

SOCIAL FEEDS

In Backend, go to POSH THEME >> Fashion >> Configuration >> Social Feeds

Add required details of Flickr Images, Instagram Images and Facebook Fanbox.

You can use it by creating widgets.

https://themify.me/themify-icons

https://fontawesome.com/v4.7.0/icons/




COOKIE POLICY

In Backend, go to POSH THEME >> Fashion >> Configuration >> Cookie Policy

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

DEVELOPER

In Backend, go to POSH THEME >> Fashion >> Configuration >> Developer

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




TROUBLESHOOTING

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

Refresh the all caches from admin.

Changes not applied from Posh Theme 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.




WHAT IS INCLUDED IN THE PURCHASE PACKAGE?

Posh Theme package to install in your store Posh Theme 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.

CREDITS

Fishpig Wordpress Blog Integration (https://fishpig.co.uk/magento/wordpress-integration/)

o NOTE This module is not included in Theme Package. jQuery Library (http://jquery.com/) Google Fonts (https://fonts.google.com) Fonts icon

o Themify (https://themify.me/themify-icons) o Fontawesome (https://fontawesome.com/v4.7.0/icons/)

Sample Images o Unsplash (https://unsplash.com/) o Pixabay (https://pixabay.com/) o Pixels (https://www.pexels.com/)




Thank you!

Do you need Extension Support? Please create support

ticket for quick reply,

https://support.magebees.com

Do you have any suggestions? Please contact us,

https://www.magebees.com/contact-us

https://support.magebees.com/

https://www.magebees.com/contact-us

Posh Multipurpose Responsive Fashion Theme By MageBees...MageBees a Venture by Capacity Web...

Documents

Transcript of Posh Multipurpose Responsive Fashion Theme By MageBees...MageBees a Venture by Capacity Web...