| Author |
 Topic  |
|
|
Mark Priest
VP-CART Expert
United Kingdom
580 Posts |
 Posted - May 03 2015 : 16:00:05
|
Hi All,
I want a three column layout for all the main pages but two column for the extended description pages, is it possible?
Mark
Regards,
Mark |
|
|
jbutt
VP-CART New User
USA
56 Posts |
Posted - May 04 2015 : 07:11:03
|
Hi Mark,
After some research along with some trial and error, this is what I found.
In your tmp_ProductFormat, you have to modify the Responsive parts to adjust columns. The bootstrap system is based on 12, where every column is broken into 12 columns. So your products are listed in a single column that can be broken down into 12 sections.
In the code for grid view, you will see the following:
<div class="desktop_view product-view grid-list-row-view" style="">
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-6">
<div class="featured-prod-widget">
The second line works with the responsive system in ascending order from the largest screen (desktop) to the smallest screen (phone). In this case, col-lg-3 will split the product listing into sections of 3 units which is 12 / 3 = 4. For a large screen you will see 4 columns of products, each measuring 3 equal units.
If you change the col-lg-3 to col-lg-6, you will get only two products across.
Here is a link that will explain it much better than me.
http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp
Good luck,
John |
 |
|
|
Mark Priest
VP-CART Expert
United Kingdom
580 Posts |
Posted - May 05 2015 : 08:21:44
|
HI John
Thanks for the explanation of that and I think that will come in handy, but I think you missunderstood me. Sorry.
On the home page I want three columns. The categories on the left, products etc in the middle and boxes on the right.
BUT on the extended description pages, I want just the two columns. A small one on the left for the categories and the rest of the page for the product details.
I will see if I can find somewhere where I can utilise the info above.
Regards,
Mark |
|
|
|
vaheh
VP-CART New User
USA
115 Posts |
Posted - May 11 2015 : 12:14:14
|
Hi Mark,
You can do this by changing main header template files and also by editing of shopheaders.asp to load different header and footer - for more than two version since in VPcart you can have specific header and footer for the home page and another set for the rest of the website - based on the page URL(This would work even you use friendly URL).
For one of my clients I had to create 4 different headers and footers set.
Thanks
|
|
|
|
Mark Priest
VP-CART Expert
United Kingdom
580 Posts |
Posted - May 11 2015 : 17:42:07
|
Thanks, I''ll take a look at that.
Regards,
Mark |
|
|
| |
Topic |
|
All Forums
V8 Three and Two column layout
New Topic
Printer Friendly
TrustGuard - PCI Security Scanner
