Support for Linear Store – Premium OpenCart Theme

This was absolutely the most common problem of our previous release. Unfortunately, a font chosen by the developer could not support every language and character. If you don’t see your alphabet properly or it’s not displayed at all (as it may happen to chinese, russian, turkish, vietnamese, etc, users) you need to replace our font with your language’s one. First, find a cool font that supports your language, than load it here. Make sure you type “Open Sans” in this input-box:

Even if it’s not the correct name of your font, this will prevent you from editing more files, since that line pretends that the OpenSans font is still used by the template. Download the new font, rename it “open-sans-latin.js” and replace the file with the same name in catalog/view/javascript.

Yes. This was one of the most frequently asked questions, but it has to be done manually if needed. Open catalog/view/theme/Linear/template/module/category.tpl. Remove the “hoverable” class from the submenu <ul> tag in these lines:

        <ul <?php if ($category['category_id'] != $category_id) { ?> class="hoverable"<br />          <?php } ?> ><br />        <?php foreach ($category['children'] as $child) { ?><br />        <li><br />          <?php if ($child['category_id'] == $child_id) { ?><br />          <a href="<?php echo $child['href']; ?>" class="active"><?php echo $child['name']; ?></a><br />          <?php } else { ?><br />          <a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a><br />          <?php } ?><br />        </li><br />        <?php } ?><br />      </ul><br />
      

        <ul <?php if ($category['category_id'] != $category_id) { ?><br />          <?php } ?> ><br />        <?php foreach ($category['children'] as $child) { ?><br />        <li><br />          <?php if ($child['category_id'] == $child_id) { ?><br />          <a href="<?php echo $child['href']; ?>" class="active"><?php echo $child['name']; ?></a><br />          <?php } else { ?><br />          <a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a><br />          <?php } ?><br />        </li><br />        <?php } ?><br />      </ul>

Log in the OpenCart administration panel and click on Extensions > Modules > Control Panel > Edit. Find the line “Facebook Account Id” under “Social Boxes”. The number is the ID number of the current Facebook page account linked to the box: replace it with the one of your fanpage. If you don’t know how to get your page ID, read this. Also, do not forget that the Facebook box works ONLY with Facebook PAGES and not with a common USER account. For example, if you have created a normal USER account for your shop, as if it was a real person, don’t expect that it will work in the Facebook Box. Instead, create a fan page from that account and put its ID in the box.

Log in the OpenCart administration panel and click on Extensions > Modules > Control Panel > Edit. Find the line “Twitter Account Name” right below “Social Boxes”. Replace “WPNewsStation” with the name of the Twitter account you want to use. Lately the Twitter box was off for several hours due to a problem with the Twitter API. This also makes the site very slow (something like 20 seconds to load a page). It’s not our fault, we cannot do anything to fix this problem. Anyway, things usually get fixed after some hours. If, in case of emergency, you want to “shut down” the Twitter box, open “catalog/view/theme/Linear/template/common/footer.tpl and replace this line:

         <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/<br />         <?php echo $twitter_name; ?>.json?callback=twitterCallback2&count=2"></script>
      

with:

         <!-- <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/<br />
      <?php echo $twitter_name; ?>.json?callback=twitterCallback2&count=2"></script> -->

By wrapping the Twitter’s code in a HTML comment, you’ll temporarily turn off Twitter from your site

Log in the OpenCart administration panel and click on Extensions > Modules > Control Panel > Edit and use the select box next to “Sidebar Position”, in the Sidebar section. As already written here, if you want to display a module in the sidebar you always have to set its position to “Column Right”, even if you want the sidebar on the left. Just put each modules in Column Right and then change the sidebar position from the Control Panel.

This is how OpenCart works and it’s not a custom feature of our theme. But since we got asked so many times, here’s how to do it:

Log in the Administration Panel and click on catalog > categories. Find the category you want to show in the top menu and click on Edit. Just make sure the “Top” checkbox in the “Data” tab is checked.

You have just added a new product, assigned it to a category, but the brand of that product is not displayed in the top submenu, below “categoryname Manufacturers”. Each product should ALWAYS be assigned to the first level parent category and not only to a subcategory. Let’s assume you have a “Kitchen” main cateogory that contains a “Cabinets” subcategory. If you assign only the “Cabinets” subcategory to a product, that product’s brand won’t be shown in the manufacturers list in the top submenu. Assign also the main parent category (Kitchen) to the product and the problem will be fixed.

Log in the OpenCart administration panel and click on Extensions > Modules > Control Panel > Edit and find the “Footer Payment Images” section. Use the select box to choose the number of images to display, then Save the settings. Re-open the Control Panel, click on the added payment images to open the Image Manager: choose an image or upload a new one and save the settings again. You can find more images here.

They are common modules, so they can be found in Extensions > Modules.

The latest module is called “Latest Content” and shows the latest products (their number is customizable from the “Limit” input box.

If you need to products to be displayed in grid view, disable the jCarousel plugin, which makes all the products scrollable in a slider:

When the jCarousel plugin is active, you’re able to choose the numbers of products to slide on click: type it in the “Scroll” input box.

The featured module works exactly as the latest one: its name is “Featured Content”. Both are meant to be placed in “Column Left” or “Content Bottom”. If you need to change the heading title, simply edit catalog/language/yourlanguage/module/featured_content.php or catalog/language/yourlanguage/module/latest_content.php.

It’s the normal OpenCart way to do it. First, open System > Design > Banner and click on Insert. Add a banner name and click on Add Banner, give it a title, a link and select an image, then save the settings. You can use only one image for banner.

After designing the banner, open Extensions > Modules > Banner and click on Add Module. Select the added banner from the “Banner:” select box and fill the form. Banners can be added both in the sidebar (Column Right) and in the main content area (Column Left, Content Bottom or even in Content Top if you need too).

In sidebar the width of the banner should never be more than 142px.

For modules in the main content area, the maximum width of a banner is 742px. However, smaller consecutive banners in the content area will position one next to the other with a 33px margin (eg: the “free shipping” and “linear offers” on the demo home page).

In Linear there are three sliders: one with jCarousel Lite, one with Nivo Slider (both working with banners) and a third with jCarousel Lite but with featured products. For the first two sliders, you should first create a new banner: open System > Design > Banner and click on Insert. Add a banner name and click on Add Banner, give it a title, a link and select an image, then save the settings. Since product sliders are modules you can find them in Extensions > Modules.

To add the jCarousel slider, open Extensions > Modules > Slideshow jCarousel Lite.

Add a new module, select the banner previously created and fill the whole form. Then, save the setting.

The “What’s new” line and the link of the “Fixed Text Here” caption can be edited in catalog/language/youlanguagedirectory/module/slideshow2.php

To add the NivoSlider slider, open Extensions > Modules > Slideshow NivoSlider. Add a new module, select the banner previously created and fill the whole form. Then, save the setting. Here’s the result:

The “What’s new” line can be edited in catalog/language/english/module/slidershow.php. Differently from the jcarousel slider, the link on the NivoSlider’s caption is dynamic and points to the product currently displayed. Eg: if the slider is showing “Product A”, the line after “What’s new” is linked to Product A’s page.

To add the jCarousel slider with featured products, you don’t need to create a banner. Just open Extensions > Modules > Slideshow jCarousel Lite – Featured Products, add a new module, set image dimensions at 400px x 258px, type some products and select them as they appear in the drop down menu.

After saving the settings, this is the result:

First create a new banner: open System > Design > Banner and click on Insert. Add a banner name and click on Add Banner, give it the manufacturer name’s as title, a link to the manufacturer’s page and select the brand’s logo as image. Click again on Add Banner and repeat the process for all the manufacturers you want to display, then save the settings.

Now click on Extensions > Modules > Carousel and click on Add Module. Select the banner you’ve just created and fill the rest of the form. The image dimensions should be: 118px and 78px.

Save the settings, and this is the result:

Linear has an additional file for its custom text: “catalog/language/english/linear.php”. When you install another language in your OpenCart, make sure you copy linear.php file in the new language directory. For example, if you install the spanish language, copy linear.php from the english root to:

catalog/language/spanish/

You also need to copy the content of “catalog/language/english/module/” and “admin/language/english/module/” in the same paths of your new language. If you don’t copy those files, Linear will give you the annoying error “Could not load language etc etc”.

If you have installed a new language and some elements still appears untraslated, open the file “catalog/language/yournewlanguage/linear.php” and manually translate the content you want, then save the file.

Linear has an additional file for its custom text: “catalog/language/english/linear.php”. When you install another language in your OpenCart, make sure you copy linear.php file in the new language directory. For example, if you install the spanish language, copy linear.php from the english root to:

catalog/language/spanish/

You also need to copy the content of “catalog/language/english/module/” and “admin/language/english/module/” in the same paths of your new language. If you don’t copy those files, Linear will give you the annoying error “Could not load language etc etc”.

If you have installed a new language and some elements still appears untraslated, open the file “catalog/language/yournewlanguage/linear.php” and manually translate the content you want, then save the file.

If the page you’re looking for is not within the “layout” select box (for example “product/search”), click on “System > Design > Layout” to add a new layout position.

Then click on “Insert”, type a layout name and click on “Add Route”. Type the page’s route and click on “Save”.

Yeah, we’ve been asked even this! The bestseller module is empty because… well, you haven’t sold a product yet! And this is how the featured module works. We suggest you to read carefully the OpenCart documentation.

Maybe this could help you. The top menu, instead, currently supports 3 levels of subcategories.

Click on Extensions > Modules >Text Widget. Add a new module, type the title and the content of the widget, then select a layout amongst Column Right (if you want it in the sidebar), Column Left and Content Bottom. The widget dimensions will adjust automatically.

Obviously we cannot provide assistance for third parts modules. However to guarantee a better compatibility with such products, we decided to limit core files editing. There are some changes only in catalog/controller/common/header.php and catalog/controller/common/footer.php. If you’re going to install an OpenCart plugin that may replace those files, before installing additional modules make first a backup of header.php and footer.php. The edited lines are wrapped around php comments, so all you need to do is copy those lines inside the replaced files, at the same position.

It may be caused from the Twitter API. For more information read the Twitter chapter.

From the administration panel, click on Extensions > Modules > Special/Featured/Latest. Dimensions should always be both of 54px. Set “Column Right” as Position.

Yes, you can, but you should use only fixed image dimensions. The first thing to do is to activate the sidebar image floating. To do so, log in the administration panel, click on Extensions > Modules > Control Panel > Edit. Find “Sidebar Image Float” and select “Yes”. Then click on Extensions > Modules > Special/Featured/Latest. Now change image dimensions to 143px. Here’s the result:

We provided some basic styles inside the About Us page, including a column grid. Take a look at the HTML code of that page from the admin panel.

Yes you can choose between CloudZoom and FaancyBox. Log in the OpenCart administration panel and click on Extensions > Modules > Control Panel > Edit. Use the select box below “PRODUCT PAGE IMAGE DISPLAYING SYSTEM” to choose the current one.

You can find text in catalog/language/yourlanguagefolder/linear.php

Open catalog/view/theme/Linear/template/product/category.tpl and replace this:

        if (view) {
            display(view);
        } else {
             display('list');
        }

        if (view) {
            display(view);
        } else {
            display('grid');
    }

Restart your browser and clear your cache to see the changes.

It’s an image and you can find it in catalog/view/theme/Linear/image/sale.png.

Log in the admin panel and click on Extension > Modules > Control Panel. Set the FancyBox overlay on “Yes”. If you want to change the color and the opacity of the overlay, edit catalog/view/theme/Linear/template/product/product.tpl and edit the following lines:

    'overlayColor'  :   '#000', //overlay color
    'overlayOpacity':   0.7 //overlay opacity

Log in the admin panel and click on Extension > Modules > Control Panel. Set the FancyBox titles on “Yes”