How to make vertical navigation bar in Opencart v2.0.1.1? - opencart

I am using Opencart V2.0.1.1. Please suggest how to change the default Opencart navigation bar(Horizontal) to the Vertical. With Sub-Categories popping in right side.

In catalog/view/theme/default/template/common/header.tpl remove the nav id="menu" tag and all that is inside it.
Then in the admin, go to System>Design>Layouts>Home and add the Category module to either Column Right or Column Left, whichever you prefer.
Actually you may need to add it to every route that you want it to appear since the header is called in every template. Experiment and see how it goes.

Related

How to add Super Filter/Filter in home page in my website?

I am using opencart version 2.2.0 and journel theme in my ecommerce site.How to add Super Filter/Filter in home page in my website?
I am guessing you mean you are using Journal theme?
In left menu, go to
Journal->Super Filter
Then click add button.
It will allow you to add the filter to desired layout (which in your case will be Home, just choose it from the drop down list) and also define position (column left or column right), as well as set status on or off. You can add as many as you like, in which case you can define sort order of each one. Click Save button.
I hope this helps, cheers.

Where is the "clearfix" DIV in OpenCart's featured.tpl

I am trying to locate the "clearfix" DIV in OpenCart's "featured.tpl", which is inserted in the live site but is not present in the actual template file.
In the latest version of OpenCart, 2.0.2.0, and probably in older versions, for a reason I don't fathom, an extra DIV is inserted after the second featured product DIV.
<div class="clearfix visible-md visible-sm"></div>
I have examined every template file in the theme (default) but I can't find it. Is it perhaps inserted by JavaScript? If so, how and where - and why?
I just want to get rid it.
Opencart 2.X is Responsive. Here column left and column right are dynamic according to module assigned. So Opencart Checks for the module and then decides the column width, ie full width or two column or 3 column and adds the class accordingly.
catalog/view/javascript/common.js:33
Here you can find the script that is used to add clear fix.

opencart layout and position issue

i have installed opencart 1.5.6 with oxy theme and im having a strange problem with the layouts..
i want to show the slider and the latest products in the homepage and in the layout i have selected "home" which routes to common/home
but the problem is when i go to all the inner pages the slider and the latest products are still visible
and secondly im having a problem with the left column and right column. im have set the category links on the left column and layout category but they are not visible.
can someone tell what might be wrong?
If there are multiple same route has been added then this problem
will happened.Go to admin -> system then go the Design->layouts and
check the other layout routes.If any other page have the same
'common/home' route remove it. I think then your first problem will
be solved.
Check the category template whether there is $column_left,
$column_right is present or not if not then echo it here. After that check it once.

How to create a left side bar on APEX 4.0 and open each value in a specific region?

Im a little newbie working with Aplication Express, I want to create an aplication which its structure could be something like this example.
http://apex.oracle.com/pls/apex/f?p=36648:1:110593396161288::NO
Anyone have some ideas to create it?
I just tried creating a List from Shared Components and then set it in a region with Page Region Template Position 3 and another Chart Region with Page Template Body (3), but in my case the side bar is placed on the right when I want it on the left... I have tried all the Template Position combination as possible.
Also when I click a value from the list, the page is opened on another tab. How can I open it on a specific region? As a frame for example
Any help will be greatly appreciated
Having a left sidebar depends on the page template you select. Some page templates will have a left sidebare, other a right one, others maybe both. And since templates are part of a theme, it may be that some templates under some themes may not have a page template that offers what you'd want.
So the first you need to do is look at what page templates you have available in your chosen theme. You can do this by going to the Shared Components and selecting templates from there. Scroll to the Page Templates and see if you can find one there.
While it's a good guess that the sidebart region will be in position 3, and position 3 is in the sidebar, it's best to verify. You can do that by checking the html of the body of the template. See if there is a region assigned to a sidebar. You'll have to divine this from the markup or an example page and which one it is (position 2? position 3? 4?).
Pro-tip: from the Shared Components > Templates, in the report overview, you can preview certain types of templates, such as the page template. Just hit the preview button and you'll get a general idea of the style and the region positioning! When viewing the template in detail, you can also preview from the preview link in the right hand menu list.
As for the list: the example you linked has a list region on the left sidebar, but all those links are links to other pages. Thus, there are as many pages as there are links in the list.
If on your environment the links are causing a new page or tab to be opened up, then that likely means the attribute target="_blank" is present on those anchor tags. Again though, this just means that that markup is being generated by the chosen list template. Try another list template (by editing the list, under Source you can chose the template) or take a look at the theme's templates. You can find the markup for the individual list items there.
It'd be better not to concern yourself too much by trying to fiddle around with iframes just yet, because even though that'd be possible it is not an out of the box feature. Unless you're already really familiar with eg javascript I'd stick to page links until you're more familiar with the environment.

How do you post content to a specific template position?

I purchased a template / theme from RocketTheme, but I can't figure out how to add content at a specific position.
The templates have "module positions" that collapse. I'd like to add some content at one of the module positions.
If I add articles, they seem to go into "mainbody". But I'd like to have content in other areas of the template.
How do I take some text, images, or other content, and get them to display in these other positions (i.e., TOP-A, or FEATURE-A, etc)?
I've tried this
Go to Extensions->Module Manager
Select "New", Select "Sections"
Under "Details", I select Position->Top-A
I give it a title.
Nothing seems to happen. I don't see anything new exposed in the admin UI, and I don't see a way to get any content into this newly defined section. What am I not understanding?
go to JED and look up html in module or content in module or content in component there are a bunch of them. http://extensions.joomla.org/search?q=module+content&start=20
Essentially
you create and save an article. Make sure it is saved to a section or category on your menu
open the module one of the paramaters will ask for the article id...decide which position and which pages you want it on and then publish.
You can also get modules that will take some or all of your articles in a category and then show them either as a slidedhow or one randomly when someone visits the page