Froggy Theme

First steps with Froggy Theme

1. Upload theme - how to upload theme you can check here.

2. Install all plugins that come with theme. How to install plugin, you can check here.

3. Have fun! 

How to create GrandNode Menu with category images

1. Create main category and subcategories.

2. In your main category, in the Flag style field please add short text - gallery

3. Then in your subcategories, add the category pictures and in the flag style enter the mainImage text.

4. As a result, you will see the menu with categories picture as on our demo page in the top menu.

How to add icons to menu

1. In the previous step, please use the Icon field and add there class of your icon.

2. In our case it's i.e - linearicons-desktop. But you can add there Font Awesome or any available icon set.

Library of icons:

How to enable bestsellers on home page

1. Out of the box, bestsellers are hidden. To enable them, just go to Admin panel -> Configuration -> Settings -> Catalog settings

2. Mark the following checkbox on true - Show best sellers on home page.

3. Refresh the home page and if your customers purchased any product, it will be visible as bestseller.

In that section you have something similar to "watermark" (look at demo).
To generate this effect, go to the best selling product in the administration panel and enter the word you want to be as a watermark in the "Flag" field.

How to add personalized products on home page

1. Personalized products come from Customers settings. 

2. To add personalized go to Admin panel -> Customers -> Edit particular customer -> Go to Personalized products tab

3. Add desired products and save changes.

4. Now go to Configuration -> Settings -> Catalog settings.

5. Mark the following checkbox on true - 'Personalized products' enabled. 

How to add suggested and recommended products on home page

1. Suggested products are connected with Customer Tags. Recommended products are connected with Customer Roles.

2. As mentioned above you have to enable them in Catalog Settings. This process was described in the previous steps.

3. To manage recommended products go to Admin panel -> Customers -> Customer roles -> Edit desired customer role -> Go to Recommended product tab and add necessary products.

4. Do the same with suggested products, but go to Admin panel -> Customers -> Customer tags -> Create desired customer tag (you have to assign it to customer also) -> Go to Suggested products tab and add necessary products.

5. Urgent note! Please be sure that your customers is assigned to configured role and tag. 

Missing images on blog posts

1. It's caused by fact that images were uploaded to our demo database. Just add your blog post pictures and that's all.

2. Note: Blog on homepage by default is disabled. Please enable it in the Admin panel -> Configuration -> Settings -> Blog settings.

Recommended size of pictures:

Blog post pictures: 450px width x 281px height

Please note that values provided above come from our demo page.

How to show manufacturers logos on homepage

1. This step is very simple. Just mark the checkbox Show on homepage on manufacturers and add manufacturer picture.

2. GrandNode will automatically show it in the bottom of the Froggy theme.

How to translate theme content

1. Each theme comes with customized content, you can translate it as whole GrandNode.

2. Just go to Configuration -> Language -> Edit desired language. Go to Resource strings tab and now you have to ways. First - search for current translation, just paste the content from the store. Second - add new translation. If you want to add it, just clik the Add new button, provide resource string visible in your store and then in the Value field provide the translation for it.

3. That's all.

How to add flags to the products, as on our demo

Go to product in administration panel and in filed named Flag enter for eg "<span class="badge product-box-label badge-primary">Best</span>"
where "badge-primary" is a background color of flag and "Best" is the text.

How to remove the "Purchase theme" sticker

You can edit or remove this part of theme in the _Root.cshtml file. Navigate to Theme directory -> Views -> Shared and edit mentioned file. Scroll down and look for line <div class="extension-bar"> just remove it or place your content.

How to add slider in the home page top section

It's not a typical slider. It's slider coming from script and it's used to show new products carousel. Just go to admin panel, edit some products and mark them as new. Then enable New products section on homepage at Catalog Settings in Configuration page. That's all.

back to top