BELLASHOP

Multi-Purpose OpenCart Theme

Updated: 04/08/2015
By: jThemes Studio
www: http://jthemesstudio.com
Email: jakjim@gmail.com

Thank you for purchasing my theme! If you have any questions that are beyond the scope of this help file, please contact with our jThemes Studio. Thanks so much!

Subscribe for FREE themes updates and news: Twitter

BellaShop Multi-PurposeOpenCart,2.0.0.0 ,2.0.2.0,2.0.1.0,2.0.3.1,2.0.xtheme with stylish design and powerful backend.

Bellashop is a responsive OpenCart theme which is fully customizable and suitable for any kind of OpenCart store on any device. This responsive theme is a general purpose responsive theme which can be highly customized and tailored for any heavy OpenCart store. Clean and modern theme design allows you to use this theme for every kind of online shop..

Clean and modern theme design allows you to use this theme for every kind of online shop.

Unlimited theme colors, with 1 Addons included with modern design, powerful backend and its created with using the latest HTML5 and CSS3 features. Theme Editor with easy navigation and dozens of configuration options allows you to change every thing in Theme Setting Panel. You can manage colors of theme elements also available 8 home page,available 6 header style ,available 14 color skin ,You can change all settings in every Skin in Theme Setting Panel.

  1. I recommend you to read OpenCart documentation to get know how to use all features in this engine.
  2. If you are using Windows based (XAMP/MAMP/Other) hosting/server be shure that PHP settings "short_open_tag" is set to ON. Contact your hosting probider if you dont know how to set this PHP value, before installing theme. If your short_open_tag = OFF you will get error "unexpecting end of file" after theme installation on Windows based server.
  3. First of all install latest (2.0.0.0 to 2.0.3.x) official Open Cart version from Open Cart website. If your have older OpenCart update it to 2.0.0.0 or newest version.
  4. Open folder UPLOAD from purchased archive and upload all content inside it (folders image, catalog and admin) to your installed Open Cart directory:

    You can Drag and drop the admin, image and catalog folders into your site using your favourite FTP client (If you don’t have one, we recommend Filezilla).

    You will be asked if you want to replace some of the files from your current installation - you must click YES to replace all files.
    Don't worry - no core files will be replaced, all your old modules and themes will works as always.

    If you are Mac OS user we strongly recomend to use FileZilla client for theme upload, because MacOS finder can replace folders with files incorrect!
  5. Go to your Open Cart admin panel System > Settings > Edit. Click Store tab and choose bellashop theme for "Template" option. This action will activate your new theme.
  6. Go to your Open Cart admin panel System > Settings > Edit. Click Image tab to open Image settings.
    Setup this image sizes:
  7. IMPORTANT: If you want that your product images and thumbnails will fit theme nice (like on demo site) we recomend your to use 1000x1000 px image size for your product photos! (or other size proportional to this size).
  8. Go to your Open Cart admin panel System > Settings > Edit. Click Option tab and set Default item per page value to 9:

  9. In your Open Cart admin go to Extensions > Modules.
    In ANY module with product display (Features, Latest,Bestsellers, , etc) that you want to use now or later you must set correct image size (292x343) for product display:

  10. In your Open Cart admin go to Extensions > Modules and click Install near to "24WebGroup Theme Setting Panel" module:
  11. In your Open Cart admin go to Extensions > Modules and click Edit near to "24WebGroup Theme Setting Panel" module. You will open Theme Setting Panel.
  12. Click "Save theme settings" button first time, because you use this module firstly.
    Now module is setuped to work with Theme, but you need to configure some features that you need in this Theme Setting Panel.

Need to set page of module position

  1. In your Open Cart admin go to Extensions > Modules and click like screen short

    then load below page and here you can select page and click on edit button for set module position

    set up For home page layout

    set up For Category page layout

Need to set home page type

  1. In your Open Cart admin go to Extensions > Modules->24webgroup theme setting panel->General theme setting tab->home page tab and click like screen short

Need to set home page header style

  1. In your Open Cart admin go to Extensions > Modules->24webgroup theme setting panel->General theme setting tab->layout tab and click like screen short
  • Choose header style 1,2,3,4,5 you like
  • Home page layout setting might like live preview sept by step

    Header

    The following block identifiers can be used to display blocks in the header section of the store:

    1. default links page on header
    2. BellaShop header contact email Login to your back-office and go to module->24WebGroup Theme Setting Panel->Main Menu tab->Header contact email
    3. default links page on header
    4. Currency block Module
    5. Language block Module
    6. OpenCart default search on header
    7. BellaShop logo Login to your back-office and go to System->Settings->Click edit go to Image section like screen short you can add all logo for your shop
    8. Cart block Module
    9. OpenCart default menu on header
    10. BellaShop main menu custom content Login to your back-office and go to module->24WebGroup Theme Setting Panel->Main Menu tab->Hop banner content

    Home page content section blocks

    The following block identifiers can be used to display blocks in the content section of the store home page:

    1. Bellashopbig slider navigation block ->24WebGroup Theme Setting Panel->All Slider tab->home page 1 tab->Home big slider
    2. Bellashop big slider bottom featured navigation block ->24WebGroup Theme Setting Panel->All Slider tab->home page 1 tab->Home big slider bottom features
    3. Featured Products/new product/best sale product Title module->modules->24WebGroup Theme Setting Panel->custom text tab->
    4. Featured Products/new product/best sale product module->featured/new/best sale all are like same
    5. Bellashop Free shipping on all orders over $45 Bellashop navigation block ->24WebGroup Theme Setting Panel->General theme setting tab->layout tab->Home big slider bottom shipping text
    6. Category product called from module->modules->24WebGroup Theme Setting Panel
    7. Bellashop news blog navigation block ->24WebGroup Theme Setting Panel->All Slider tab->home page 1 tab->Home bottom from our blog
    8. Carousel Module->modules->Carousel
    9. In your Shop bottom bestsale/Top Rated / Special mini product title ->24WebGroup Theme Setting Panel->Theme text Translate tab->Best Sales text for mini Best Sales product title also found another text on this tab
    10. Bellashop Middle shop BUY 1 GET 1 banners block ->24WebGroup Theme Setting Panel->General theme setting tab->Home Middle shop info banners

    Footer

    The following block identifiers can be used to display blocks in the content section of the store home page:

    1. Bellashop About us text navigation block ->24WebGroup Theme Setting Panel->Footer tab-> Contact Information->
    2. Information OpenCart default on footer
    3. Extras OpenCart default on footer
    4. My account OpenCart default on footer
    5. Powered by ->24WebGroup Theme Setting Panel->Footer tab->Powered by
    6. Payment icons title ->24WebGroup Theme Setting Panel->Theme text Translate tab->Footer Payment options text
    7. Payment Icons links ->24WebGroup Theme Setting Panel->Footer tab->Payment Icons links

    Product page layout setting might like live preview sept by step

    The following block identifiers can be used to display blocks on the product page::

    1. Social icons ->24WebGroup Theme Setting Panel->Footer tab->Social icons link add
    2. Bellashop Middle shop BUY 1 GET 1 banners block ->24WebGroup Theme Setting Panel->General theme setting tab->Home Middle shop info banners
    3. Custom tab ->24WebGroup Theme Setting Panel->General theme settings tab->Product page->Tab content/Tab title
    4. Related Product from product section.
    5. Carousel Module->modules->Carousel

    Category view layout setting with sidebar might like live preview step by step

    The following block identifiers can be used to display blocks in the category view:

    1. Categories block module
    2. My account block Module
    3. Information block Module
    4. Bellashop category page left sidebar product block auto called from ->24WebGroup Theme Setting Panel
    5. Category Page view mode ->24WebGroup Theme Setting Panel->General theme settings tab->Category page ->Category Page view mode
    6. Bellashop Middle shop BUY 1 GET 1 banners block ->24WebGroup Theme Setting Panel->General theme setting tab->Home Middle shop info banners
    1. Go to Extensions > Modules > 24WebGroup Theme Setting Panel (click Edit button at the Top). You will see Theme Setting Panel.
    2. Click All Slider section in top menu.
    3. Copy to code and paste your editor with change your slider text code below to Slides code textarea in admin panel:

    4. You should see something like this now:


      This is Home slider Content Slider code with 3 sample slides .

    5. Click Save theme settings button.

    Featured,Latest,Banner,Bestsellers,Carousel,Account,Affiliate,Category,Information Modules


    Featured module

    1. Go to Extensions > Modules > Featured module->(click Edit.
    2. You can manage featured product module .

    Latest module

    1. Go to Extensions > Modules > Latest module->(click Edit.
    2. You can manage Latest product module .

    Category module

    1. Go to Extensions > Modules > Category module->(click Edit.
    2. You can manage Category module .

    Account module

    1. Go to Extensions > Modules > Account module->(click Edit.
    2. You can manage Account module .

    1. In your Open Cart admin go to Extensions > Modules and click Edit near to "24WebGroup Theme Setting Panel" moduie. You will open theme control panel.
    2. Use top and left tabs to access all theme features settings and setup what you want.
    3. body font,heading font style change, use two type of font system or google,More than 500+ google fonts are included, product page in sidebar or without sidebar in all product box show the rating, quick view , sell and new icon button style, category page products default view style, unlimited theme color, you can change all text and bg color without css and html , background Images show hide. You can upload custom Pattern and change a background for your online shop now have , you can add social media facebook like box,twitter feed box you can add to custom HTMl for online shop product page, footer link and copyright information,you can add the payment icon link

      General theme settings

    4. Dont forget to click "Save theme settings" to apply your changes!

    Go to catalog/view/theme/BellaShop /image/twitteroauth/index.php need to open on your editor after find out this function like below code

  • public function __construct() {
  • $this->consumer_key ="b9XpzI3Yq1s6Y9xtbKdlnA";
  • $this->consumer_secret ="mrst4y7MhV49yoFNnha3DzdxPGgNrGQ9f7zSIGGkJ7I";
  • $this->user_token ="1695668072-gEIQdYw9hfqnSdvpLGuZAaFqNCNofYMBUZBnNwX";
  • $this->user_secret ="8fr1Y6bxWdeiUB3M8CsXzHmTFONT1sFdcUh3pFSAIOhqj";
  • }
    • UPLOAD - directory with theme files and 24WebGroup Theme Setting Panel module
    • Documentation - this file

    Once again, thank you so much for purchasing this item. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.

    Please, dont forget to leave stars rating for my theme on Wrapbootstrap. You can do this in Downloads section in your profile.

    24webgroup

    Make a full site backup before updating theme.
    To update your theme to new version just add new and replace changed files.



    1.0

    Initial release