Pos Benito Responsive Prestashop Theme 1.7


Pos Benito is a premium Responsive Prestashop theme with advanced admin modules, extremely customizable and fully responsive. It is suitable for every type of store. It is a standalone design package so you can easily create your own sub-themes.


And here you can find out more about theme updates, new features and about our upcoming themes:

- Follow us on Facebook

- Follow us on Twitter

- Follow us on Posthemes


PosThemes,

  • Before you get started, make sure you have all the requirements available: Server space at a Hosting Provider, Domain Name, FTP client, Text Editor.

    • System: Unix, Linux or Windows. Unix is highly recommended.
    • Web server: Apache Web server 2.0 or later.
    • PHP 5.4 or later.
    • MySQL 5.0 or later.
    • At least 128 Mb of RAM on your server.
  • To install this theme you must have a working version of Prestashop already installed. For information in regard to installing the Prestashop platform, please see the Prestashop Wiki : http://doc.prestashop.com/display/PS17/Getting+started

  • After Prestashop is installed, you must delete “install” folder in your Prestashop.

For each package, you will have: demo package, theme package, PSD. There are two ways to install a Prestashop Theme:

  • Install Demo Package: By using the demo package, you will set the theme exactly as our Demo with sample data.

  • Install Theme : If you have available shop, you can install only theme.


Enabling Static Block and Static Footer with other language

In your theme, if there are 3 languages or more, please enabling static block by below guide:

  • Login your prestashop admin
  • Go to International > Localization .
  • Choose tab Languages.
  • Go to Modules > Modules and Services
  • Choose “Installed modules” tab
  • On Pos Staticblock or Pos Static Footer module, click "Configure" button.
  • Click "Edit" button of your selected block
  • Choose Source Code to show code HTML of this block in English. Then copy source code.
  • Click to choose language you want to translate. Choose Source Code
  • Click Save button when you finish

You install new website with database sample. After you install your website like our demo.

Each theme we update has its demo, here, we guide demo installation in general.

  1. Create new database:

    • Open your Browser and type : localhost/phpmyadmin or yourdomain/phpmyadmin

    • Then create database

      create database

    • Click database you have just created

      import database

  2. After import database, click that database and edit table ps_shop_url

    edit database

  3. Change domain, domain_ssl, physical_uri based on your data.

    edit database

  4. Connect to file config \app\config\parameters.php, change database_host, database_name, database_user, database_password:

    change file config

  5. Generate file .htaccess

    • Login your prestashop admin http://[Pretashop host or IP]/[path to Prestashop]/admin855ywfpgd

      - Username: demo@posthemes.com

      - Pass: admin123

    • Go to Shop Parameters > Traffic & SEO, at tab SEO & URLs, set up URLS and click "Save"

      generate file

    • Note:

      - If you use localhost you shoud generate file .htaccess

      - If you use normal hosting, you have to set permission 666 before you generate file .htaccess

  6. Finish installer.

You must install default prestashop before. You can see instruction install default prestashop on Prestashop Wiki: http://doc.prestashop.com/display/PS17/Installing+PrestaShop

  • To install this theme automatically do the following the video:
  • Config show left or right column in each page

    1. Go to Advanced Parametters > Performance

  • 2. Click "Clear cache"

  • 3. Go to Design > Theme & Logo

  • 4. Choose Choose layout

    • Config Pos Benito 1 Layout
    • Config Pos Benito 2 Layout
    • Config Pos Benito 3 Layout
    • Config Pos Benito 4 Layout
  • Finish installer.

How to add new language

When working with different languages in PrestaShop, you should add new language by this guide


Create or edit size image and Regenerate thumbnails

  1. Go to Design > Images Settings
  2. Create or edit size image
  3. Choose Regenerate thumbnails button
  4. After that, we got:

User will also be able to efficiently manage your PrestaShop site without related the programming skill. You work in the front-office interface directly (in the Administration Area), which can be helpful to everyone, special for shop owners. To find more informations, please read on http://doc.prestashop.com/display/PS17/User+Guide

Note: When you finish install theme, you should disable cache. This step will help your Prestashop site active normally.

  • Advanced Parameters > Performance
  • At field Cache, choose No
  • Click Save button

Note

#Layout1

List of Modules

List of Staticblocks & Static Footer

Home page

Category page

Details page


#Layout2

List of Modules

List of Staticblocks & Static Footer

Home page

Category page

Details page


#Layout3

List of Modules

List of Staticblocks & Static Footer

Home page

Category page

Details page


#Layout4

List of Modules

List of Staticblocks & Static Footer

Home page

Category page

Details page


Static Block

  1. How to add Static Block
    • Login your prestashop admin
    • Go to Modules > Modules and Services
    • Choose “Installed modules” tab
    • On Pos Staticblock , click "Configure" button.
    • Choose Add New button to add new static block
    • Enter the value of parameters and click "Save" button when you finish.
  2. How to edit Static Block
    • Login your prestashop admin
    • Go to Modules > Modules and Services
    • Choose “Installed modules” tab
    • On Pos Staticblock , click "Configure" button.
    • Choose Static Block you want to edit
    • Change the value of parameters. If you want to change content, please click Source Code button to show code HTML of this block. You can change the content by editing HTML.
    • Click “Save” button to save changes

Name and position of the modules are shown in here.

Configure Module

  1. Login your Prestashop admin
  2. Go to Modules > Modules and Services
  3. Choose “Installed modules” tab
  4. On selected module, click "Configure" button.

    You will get a form with parameters of the module. Let's change the specified parameter with one suitable for your theme.

  5. Click “Update” button to save config.

Pos Megamenu Customer

  1. Add new menu item

    Pos Megamenu Customer module supports multiple types of menu. This module supports up to 6 link types: CMS, Supplier, Manufacturer, Categories, Products, Mega menu Top Links.

    • Menu item = CMS
    • Menu item = Supplier
    • If you want to add new supplier or edit them in megamenu:

    • Menu item = Manufacturer
    • If you want to add new manufacturer or edit them in megamenu:

    • Menu item = Categories
    • If you want to add new category or edit them in megamenu:

    • Menu item = Products
    • If you want to add new product or edit them in megamenu:

    • Menu item = Mega menu Top Links
  2. Add Static Block to popup of a specify category
    • In order to display a custom block with images or other html content in the popup, use the Static Block:

      • Navigate to Modules > Modules and Services
      • Choose “Installed modules” tab
      • On Pos Staticblock , click "Configure" button.
      with the Identify of category like "pt_menu_idcat_[ID Category]".
    • Default the custom block will be show at the bottom of the popup. But if you want to show it on the right/left of the popup, just use the ID like “pt_menu_idcat_[ID Category]_right”/“pt_menu_idcat_[ID Category]_left
  3. Add CMS Block to menu item
    • Just use the Static Block:

      • Navigate to Modules > Modules and Services
      • Choose “Installed modules” tab
      • On Pos Staticblock , click "Configure" button.
      with the ID has prefix is "pt_item_menu_[name]"

Pos Slideshow Slider

It allows to put banner on hompage. You can specify link, languages and status of slide.

  • How to add item in Slideshow
    • Login your prestashop admin. Click "All shop", select the theme you want to add slideshow
    • Navigate to Modules > Modules and Services
    • Choose “Installed modules” tab
    • On Pos Slideshow Slider module, click "Configure" button.
    • At SLIDES LIST section, click Add New button
    • We got:
    • Click “Save” button when you finish.
  • How to edit item in Slideshow
    • Login your prestashop admin. Click "All shop", select the theme you want to edit slide show
    • Navigate to Modules > Modules and Services
    • Choose “Installed modules” tab
    • On Pos Slideshow Slider module, click "Configure" button.
    • At SLIDES LIST section, click "Edit" button of your selected slide.
    • Then edit
    • Click “Save” button when you finish.

Pos list categories

Module show list categories with thumbnail which display in homepage .

Pos list category products

Module show products from categories which display in homepage.

Pos Special Products module

Shows specials products in slider on hompage

How to set a product as discount product:

  • Login your prestashop admin
  • Navigate to Catalog > Products
  • Choose item you want to edit, click Edit
  • Choose tab “Prices
  • From the Prices data tab, look for a checkbox with the description "Display the 'on sale' icon on the product page, and in the text found within the product listing" Click on the checkbox to activate the 'On Sale' status.
  • Click on the Save and Stay button.
  • Click "Save" button

Pos Countdown time price

Countdown time price comes with sale products.

Configure:

When you config “Pos Countdown time price” module, choose “Disable” if you don’t want to show countdown time.

Set time for discount product: Select this check box to limit the duration that a discount is valid.

  • You set product as discount product. Please see in Pos Special Products module
  • From the Specific Prices tab, when you Add a new specific price, you choose discount prior and set discount:
    - from: Select a beginning date for this discount.
    - to: Select an expiration date for this discount.
  • Click "Save" button

Pos New Products module

Shows new products in slider on hompage.

How to set days for new products

  • Login your prestashop admin
  • Navigate to Shop Parameters > Product Settings
  • In "Products (general)", enter "Number of days for which the product is considered 'new'"
  • Click "Save" button.

Category Tab Slider

Module which allows to show categories on homepage

Product Tabs Slider

The module allows you to show type of products (new, featured, bestseller, discount) on homepage.

  • Set a product as discount products. Click here.

  • Set a product as featured products.

    How to set a product as featured product: Home category is used for featured module.

    • Login your prestashop admin
    • Navigate to Catalog > Products
    • Choose item you want to edit, click
    • From the Categories section, select Home
    • Click "Save" button
  • Set a product as new products. Click here.

Vertical Mega Menu Customer

Allow you show vertical category navigation with subcategories follow the columns are configured.

  • How to add new menu item

    Vertical Mega menu Customer module supports multiple types of menu as Pos Megamenu Customer module. This module also supports 6 link types: CMS, Supplier, Manufacturer, Categories, Products, Mega menu Top Links. To add new menu item, you click "Configure" on Vertical Mega menu Customer module. After that, you add 6 link types as Megamenu Customer module

  • How to add Static Block to popup of a specify category
    • In order to display a custom block with images or other html content in the popup, use the Static Block (PosExtensions -> Manage Staticblocks) with the Identify of category like "pt_ver_menu_idcat_[ID Category]".
    • Default the custom block will be show at the bottom of the popup. But if you want to show it on the right/left of the popup, just use the ID like “pt_ver_menu_idcat_[ID Category]_right”/“pt_ver_menu_idcat_[ID Category]_left

Other modules

  1. Xpert Blog Display Posts on Home Page
    • About Xpert Blog Display Posts on Home Page module
      • Login your prestashop admin
      • Go to Xpert Blog
      • - Blog Posts : Add, Delete or Edit Posts of Blog

        - Blog Categories : Add, Delete or Edit Categories of Blog

        - Blog Comments : Manage Comments

        - Blog Image Type : Manage type of images

    • Add Blog Post
      • Login your prestashop admin
      • Go to Xpert Blog > Blog Posts
      • Click “Save” button when you finish.
    • Edit Blog Post
      • Login your prestashop admin
      • Go to Xpert Blog > Blog Posts
      • Choose item you want to edit, click Edit
      • Then edit
      • Click “Save” button when you finish.
  2. Link List

    Link List allow you add a block with several links.

    Note: After that, ticking the checkbox to display link on homepage

  3. Newsletter subscription
  4. Faceted search

    Displays a block allowing multiple filters.

  5. Products in the same category

    Products in the same category show products on the same category.

  6. Social media follow links

    Social media follow links allows you to add information about your brand's social networking accounts

  7. Social media share buttons

    Social media share buttons displays social media sharing buttons (Twitter, Facebook, Google+ and Pinterest) on every product page

  8. Customer reassurance

    Customer reassurance module offering helpful information to reassure customers that your store is trustworthy.

  9. Category tree links

    Category tree links displays a block featuring product categories

  10. Tags block

    The tags which have more associations with products are listed first in this block

Back office translations

  • Login your prestashop admin
  • Go to International > Translations
  • At "Modify translations" section:
    • Type of translation : Back office translations
    • Select your language : Choose language you want to translate
  • Choose Modify
  • Then search text need translate
  • After typing your language, click Save to finish.
  • Note: To find more informations, please read on http://doc.prestashop.com/display/PS17/Translations

Themes Translations

  • Login your prestashop admin
  • Go to International > Translations
  • At "Modify translations" section:
    • Type of translation : Themes translations
    • Select your theme : Select theme you want to translate
    • Select your language : Choose language you want to translate
  • Choose Modify
  • Then Search titles or text need translate
  • After typing your language, click Save and stay or Save to finish.
  • Note: To find more informations, please read on http://doc.prestashop.com/display/PS17/Translations

Translate module content

1. Staticblock content

  • Login your prestashop admin
  • Go to Modules > Modules and Services
  • Choose “Installed modules” tab
  • On Pos Staticblock or Pos Static Footer module, click "Configure" button.
  • Click "Edit" button of your selected block.
  • Choose Source Code to show code HTML of this block in English. Then copy source code.
  • Click to choose language you want to translate
  • Choose Source Code and paste code HTML. Then translate
  • Click Save button when you finish

Example: In Benito Layout 1, you want to translate text Copyright 2020 Posthemes. All Rights Reserved of Payment Block from English to Arabic.

  • Login your prestashop admin
  • Go to Modules > Modules and Services
  • Choose “Installed modules” tab
  • On Pos Static Footer module, click "Configure" button.
  • At Payment Block, click "Edit" button.
  • Choose Source Code to show code HTML of this block in English. Then copy source code.
  • Click to choose Arabic
  • Choose Source Code and paste code HTML. Then translate to Arabic
  • Click Save button when you finish

2. Pos Slideshow Slider

  • Login your prestashop admin. Click "All shop", select the theme you want to translate
  • Go to Modules > Modules and Services
  • Choose “Installed modules” tab
  • On Pos Slideshow Slider module, click "Configure" button.
  • At SLIDES LIST section, click "Edit" button of your selected slide.
  • Click of each value of parameters (Slide title, Caption or Description) to choose language then translate.
  • Enter your language & click Save button when you finish

Support Working time: Monday - Friday

Estimated ticket and answers review time: 1-3 business days.

We have hundreds of questions and provide answers asap, but this can take up to 3 days after your submitted request. Please be patient and wait for answer.

Send us email to posthemes@gmail.com.