Virtuemart Component layout


Author Message
Ton

Posted: 3/31/2009
Quote message 

Hello,
When I load a component (for example Virtuemart) in a content page, the layout with margins do not shown. The text will just load straight to the edges of the page.

I think this is also a not compatible css problem from artisteer :-O

Does anybody know why this is happen?
 
Rewon

Posted: 3/31/2009
Quote message 

Hi,

I have the same problem, and also with xmap component.
I think some changes needed in index.php to work.
Is somebody know a solution ?

Rew
 
Mike

Posted: 4/1/2009
Quote message 

Hi,
So it's not possible to use a Template created by Artisteer with Virtuemart - one of the most importent components available for Joomla?

Kind Regards
 
Matt

Posted: 4/1/2009
Quote message 

Just taking a quick look at this, it seems the Artisteer template css lacks the componentheading class. This would seem to imply that other standard classes may also be missing from the template css, which would result in the components not having the same formatting as other content. Of course it can be added to the template css by hand, but better still is to add this to the list of fixes needed for the next version of Artisteer -- generated templates should contain all the standard joomla classes which add-ons, such as components, modules, plugins, etc. assume are there.

To answer Mike's question, though, it is certainly possible to use components with Artisteer templates -- they will just use the sheet formatting instead of the content formatting. My forms created with the RSFormPro component, for instance, look fine -- just not the same as articles.
 
Arthur

Posted: 4/3/2009
Quote message 

I have same formating problem with CD registration form - no margins inherited! and text starts from the edge of the page - looks ugly!
 
Odda

Posted: 4/7/2009
Quote message 

Same problem here with VirtueMart... Would be REALLY nice with a solution to this problem, as this mess up the whole layout a great deal...
 
Ton

Posted: 4/7/2009
Quote message 

This will help a little... Support from Artisteer ;-)

Regarding your last issue, we see that the problem is caused by Virtuemart locating its content outside the Article/Post and therefore none of the Artisteer Post styles are applied to this content.
To fix the issue you can try including an additional css section into the file "style.css" that Artisteer creates, specifically to add margin and padding values to the vmMainPage div, like:

#vmMainPage {
margin: 7px;
padding-left: 10px;
}

 
Klurigt

Posted: 4/25/2009
Quote message 

I´m not shore If I shuld cry when I read this

Regarding your last issue, we see that the problem is caused by Virtuemart

The artisteer dont follow enny standard off this.
Whe have lot off Issus whit artisteer to work whit joomla and other
components bla Virtuemart all the answer whe get from support off artisteer are whe have no problem whit our application Artisteer.
Its take so longe time to get everything to work so I hope this pepole behind Artisteer put in more option




Quote Ton:

This will help a little... Support from Artisteer ;-)

Regarding your last issue, we see that the problem is caused by Virtuemart locating its content outside the Article/Post and therefore none of the Artisteer Post styles are applied to this content.
To fix the issue you can try including an additional css section into the file "style.css" that Artisteer creates, specifically to add margin and padding values to the vmMainPage div, like:

#vmMainPage {
margin: 7px;
padding-left: 10px;
}



 
mary

Posted: 4/25/2009
Quote message 

I use artisteer with joomla 1.5 and virtuemart 1.1 with no problems. You need to look at your available positions to see how each one will show up.

You can do this by looking at the code from your website by typing this after your url on your home page: ?tp=1

So, to see the positions available on a domain for example, type in www.yourdomain.com/index.php?tp=1

You will then see "Artblocks", "Menus", and other positions which have no margins.
 
Ton

Posted: 5/3/2009
Quote message 

Hello, I fugure out some handy trick for all components who's not shown in the right margin/padding... :-)

First an intro of the css building by Artisteer.
The margin and padding is used by artisteer as .Body and .Post-body, in here artisteer gave the padding and margin in px in the template.css.

Note the margin and padding and set them now to 0 (zero)

Furthter on in the css file you can find the .contentLayout .content class, here you can add the margin and padding from the .Post and .Post-body.

The only thing you have to take care for is, the width what is giving in.
You have to calculate the new width by a simple sum, because you now add margin and padding to the contentLayout.

Down under, you can find how its look like...

/* begin Box, Post */
.Post
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}

.Post-body
{
position: relative;
z-index:1;
padding: 7px; /* set this to 0 */
}



.Post
{
margin: 7px; /* set this to 0 */
}


/* begin LayoutCell */
.contentLayout .content
{
position: relative;
margin: 7px; /* add here the margin from .Post */
padding: 7px; /* add here the padding from .Post-body */
border: 0;
float: left;
overflow: hidden;
width: 532px; /* add here your witdth-(margin+paddingx2) = 560-(7+7x2=24)=532px */
}
.contentLayout .content-wide
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 777px;
}
/* end LayoutCell */

Hopefuly you understand it a little bit ;-)
 
john

Posted: 5/8/2009
Quote message 

There is a workaround, but its a little troublesome. create two seperate templates. template 1 for your 'home' page content and template 2 for say virtuemart or other component. In Joomla template manager, you will have to set all your components to use template 2. The only difference between template 1 and template 2 will be you will need to add the following divs under the <div class="Content" right above your <jdoc: include type="compoent"> in your html/php code. Just remember to close off all your divs underneath the component also.

<div class="Post">
<div class="Post-tl"></div>
<div class="Post-tr"><div></div></div>
<div class="Post-bl"><div></div></div>
<div class="Post-br"><div></div></div>
<div class="Post-tc"><div></div></div>
<div class="Post-bc"><div></div></div>
<div class="Post-cl"><div></div></div>

<div class="Post-cr"><div></div></div>
<div class="Post-cc"></div>
<div class="Post-body">
<div class="Post-inner">
<div class="PostContent">

Like I said, this is a little troublesome, but it has worked for me

 
Paul

Posted: 5/11/2009
Quote message 

Try this, worked for me:

Replace:

<jdoc:include type="component" />


with:




<?php if ($_GET['option'] == 'com_virtuemart') : ?>
<div class="Post">
<div class="Post-tl"></div>
<div class="Post-tr"><div></div></div>
<div class="Post-bl"><div></div></div>
<div class="Post-br"><div></div></div>
<div class="Post-tc"><div></div></div>
<div class="Post-bc"><div></div></div>
<div class="Post-cl"><div></div></div>
<div class="Post-cr"><div></div></div>
<div class="Post-cc"></div>
<div class="Post-body">
<div class="Post-inner">
<div class="PostContent">
<jdoc:include type="component" />
</div>
<div class="cleared"></div>

</div>

</div>
</div>
<?php else: ?>
<jdoc:include type="component" />
<?php endif; ?>



 
Patrick

Posted: 5/16/2009
Quote message 

well done but updating the cart does not work as it falls back to initial problem you can reproduce by adding more than one item to the cart and deleting one article from the cart using the bin icon, how can one fix that?
 
Paul

Posted: 5/17/2009
Quote message 

Hi Patrick,

I just discovered the error you mentioned. I fixed it by altering the code in virtuemart. So if you want to give it a go this is what i did. Before trying this make a backup of the any files you change.

Open the file administrator/components/com_virtuemart/html/basket.php in a text editor.

Add the following code to line 24:


function curPageURL() {
$pageURL = 'http';
if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
$pageURL .= "://";
if ($_SERVER["SERVER_PORT"] != "80") {
$pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
} else {
$pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
}
return $pageURL;
}


Now search for this '<form action=' and replace it so that the action is = to curPageURL()

You will add it in two places one for the edit button and one for the delete button.

This is what the two lines should look like


$product_rows[$i]['update_form'] = '<form action="'. curPageURL() .'" method="post" style="display: inline;">

$product_rows[$i]['delete_form'] = '<form action="'. curPageURL() .'" method="post" name="delete" style="display: inline;">


That should fix it.

:-P
 
Patrick

Posted: 5/26/2009
Quote message 

Applied patch, will let you know how it goes!!! thanks ;-)
 
Ulrike

Posted: 5/26/2009
Quote message 

Hello together,

I have the same problem - with all components. If I install the same project on my localhost everthing works fine - all components are shown cleary and in the code I find the div classes post, post-body, post-inner, post-content a.s.o.

But the same project online is missing these div classes. So, where is the difference?


 
Ulrike

Posted: 5/26/2009
Quote message 

Solution found!

Forget changing css a.s.o.

Just put an .htacces with the following code in your root:
AddType x-mapp-php5 .php
AddHandler x-mapp-php5 .php

And everything is working fine :-)
 
Stephen

Posted: 5/29/2009
Quote message 

Ulrike I have the same problem as you.

None of the components work on a live site but all work on localhost.

I added the two lines you mentioned to the htaccess.txt file in teh root of my site (the file already existed) but this still doesn't work

AddType x-mapp-php5 .php
AddHandler x-mapp-php5 .php

Any ideas ?.

Thanks

 
Ulrike

Posted: 5/29/2009
Quote message 

Stephen,

a file htaccess.txt isn`t able to work. The correct name must be .htaccess
So, rename it on the server. But something else: The .htacces must be in the root of your server, not in the root of your joomla installation - only, if your joomla is directly in the root.

It also depends to your hoster. Mine works fine at 1&1, for Hoststar you find the solution here: http://www.artisteer.com/?post_id=108986&p=forum_post&forum_id=20
 
Stephen

Posted: 5/29/2009
Quote message 

[OK

What type of file is htaceess .php .htm ??

Thanks
 
Don

Posted: 5/29/2009
Quote message 

Quote Stephen:

[OK

What type of file is htaceess .php .htm ??

Thanks


In root directory of Joomla on your server, you will see htaccess.txt. It is not in a folder, it is in the root. Just rename it .htaccess. Note that is, dot htaccess.

It is an Apache server function, not directly a part of Joomla or Artisteer.


 
Garry

Posted: 5/30/2009
Quote message 

Quote Stephen:

[OK

What type of file is htaceess .php .htm ??

Thanks


It is neither php nor html it is server file: .htaccess


 
Paul

Posted: 6/15/2009
Quote message 

Personally I find htaccess files confusing and generally a time waster. I have a solution which is very simple. It is a slight modification of the solution i mentioned above.

Go into to the folder containing your Joomla 1.5 project and navigate & open: templates/aristeer_template/index.php

Then search for:
<jdoc:include type="component" />


and replace with:

<?php if (JRequest::getVar('option') == 'com_virtuemart') : ?>
<div class="Post">
<div class="Post-tl"></div>
<div class="Post-tr"><div></div></div>
<div class="Post-bl"><div></div></div>
<div class="Post-br"><div></div></div>
<div class="Post-tc"><div></div></div>
<div class="Post-bc"><div></div></div>
<div class="Post-cl"><div></div></div>
<div class="Post-cr"><div></div></div>
<div class="Post-cc"></div>
<div class="Post-body">
<div class="Post-inner">
<div class="PostContent">
<jdoc:include type="component" />
</div>
<div class="cleared"></div>

</div>

</div>
</div>
<?php else: ?>
<jdoc:include type="component" />
<?php endif; ?>


this should work on all virtuemart pages. Please let me know if there are any issues. Good Luck :-)
 
Nando

Posted: 6/23/2009
Quote message 

Hi,

I had the same problem and it seems that this occure with components or, better says, with any "option" different than "com_content".

The solution proposed by Paul is probably, in my opinion, the best workaround to solve this issue.

Just comment that it only solves issue for VM. If you are using several components, you could have the same issue in other pages (ie using com_contact).

In my case I did the following:

<?php if (JRequest::getVar('option') != 'com_content') : ?>

<div class="Post">
<div class="Post-tl"></div>
<div class="Post-tr"></div>
<div class="Post-bl"></div>
<div class="Post-br"></div>
<div class="Post-tc"></div>
<div class="Post-bc"></div>
<div class="Post-cl"></div>
<div class="Post-cr"></div>
<div class="Post-cc"></div>
<div class="Post-body">
<div class="Post-inner">
<div class="PostContent">
<jdoc:include type="component" />
</div>
<div class="cleared"></div>
</div>
</div>
</div>
<?php else: ?>
<jdoc:include type="component" />
<?php endif; ?>

Applying this condition only in case 'option' is different than 'com_content' solved the issues from all components I'm using.

Perhaps this could help some of you.

Regards
 
picasso

Posted: 2/9/2010
Quote message 

My solution to solve the IE problem of only 2 products show in Virtuemart:
- edit template.css
- find /* Content Text Font & Color (Default) */
- comment: letter-spacing: 1px;
 body

{
font-family: Georgia, "Times New Roman", Times, Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
/* letter-spacing: 1px; */
color: #384739;
} */



 
Carsten

Posted: 6/27/2010
Quote message 

Hi,

here is a link to a Virtuemart Template, that changes automatically, if you change your Artisteer theme.

I use it without problems. Only thing I dont like so much is, that the code is hidden, so I can't change the flypages..

http://www.techline.de/templateshop?page=shop.product_details&flypage=flypage.tpl&product_id=198



Carsten
 
Leebee

Posted: 12/14/2011
Quote message 

Quote Paul:

Personally I find htaccess files confusing and generally a time waster. I have a solution which is very simple. It is a slight modification of the solution i mentioned above.

Go into to the folder containing your Joomla 1.5 project and navigate & open: templates/aristeer_template/index.php

Then search for:
<jdoc:include type="component" />


and replace with:

<?php if (JRequest::getVar('option') == 'com_virtuemart') : ?>
<div class="Post">
<div class="Post-tl"></div>
<div class="Post-tr"><div></div></div>
<div class="Post-bl"><div></div></div>
<div class="Post-br"><div></div></div>
<div class="Post-tc"><div></div></div>
<div class="Post-bc"><div></div></div>
<div class="Post-cl"><div></div></div>
<div class="Post-cr"><div></div></div>
<div class="Post-cc"></div>
<div class="Post-body">
<div class="Post-inner">
<div class="PostContent">
<jdoc:include type="component" />
</div>
<div class="cleared"></div>

</div>

</div>
</div>
<?php else: ?>
<jdoc:include type="component" />
<?php endif; ?>


this should work on all virtuemart pages. Please let me know if there are any issues. Good Luck :-)


Good call. but I needed to do this to my template.

Then search for:
  echo '<jdoc:include type="component" /> ';


and replace with:


echo '<?php if (JRequest::getVar("option") == "com_virtuemart") : ?> ';
echo '<div class="Post">';
echo '<div class="Post-tl"><div></div></div>';
echo '<div class="Post-tr"><div></div></div>';
echo '<div class="Post-bl"><div></div></div>';
echo '<div class="Post-br"><div></div></div>';
echo '<div class="Post-tc"><div></div></div>';
echo '<div class="Post-bc"><div></div></div>';
echo '<div class="Post-cl"><div></div></div>';
echo '<div class="Post-cr"><div></div></div>';
echo '<div class="Post-cc"></div>';
echo '<div class="Post-body">';
echo '<div class="Post-inner">';
echo '<div class="PostContent">';
// echo '<jdoc:include type="component" />';
echo '</div>';
echo '<div class="cleared"></div>';

echo '</div>';

echo '</div>';
echo '</div>';
echo '<?php else: ?>';
echo '<jdoc:include type="component" />';
echo '<?php endif; ?>';

 
buje

Posted: 2/14/2013
Quote message 

dear all,

i am new with artisteer and have problem with artisteer for virtuemart, the template i created with artisteer and exported to joomla not showing shopping cart, user sign in and product page.

i exported artisteer ready template without modifying it, and after i put it in my joomla website, all the components of virtuemart disappear

can anybody help?
 
SCHNECK

Posted: 2/15/2013
Quote message 

the same problem.. I think..

I cannot use a custom field on virtuemart2 - only way how can I see that is use it like an "atribut" but I want only add text on the right side...

I spend 2 days searching.. but still nothing..

anybody knows how fix this problem? THNX