Joomla Templates Club 406,261 posts

[nfusiononline Friend nfusiononlineJoin date: January 2009Posts: 7Downloads:0Uploads:0]

#137296

On the product details page, how would I move the add to cart and attributes box from the botto, under all the text of the product, to the top next to the picture? Thanks you guys are great!:D

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#287415

Hi nfusiononline,

Please try with my guide:

Open flypage.tpl.php file in componentscom_virtuemartthemesja-zeolitetemplatesproduct_details folder:
+ at about line 21, find following script:
[PHP]<tr>
<?php if( $this->get_cfg(‘showManufacturerLink’) ) { $rowspan = 5; } else { $rowspan = 4; } ?>
<td width=”33%” rowspan=”<?php echo $rowspan; ?>” valign=”top” class=”vm-product-img”><br/>
<?php echo $product_image ?><br/><br/><?php echo $this->vmlistAdditionalImages( $product_id, $images ) ?></td>
<td rowspan=”1″ colspan=”2″>
<h1><?php echo $product_name ?> <?php echo $edit_link ?></h1>
</td>
</tr>[/PHP]

and change to:

[PHP]
<tr>
<?php if( $this->get_cfg(‘showManufacturerLink’) ) { $rowspan = 5; } else { $rowspan = 4; } ?>
<td width=”33%” rowspan=”<?php echo $rowspan; ?>” valign=”top” class=”vm-product-img”><br/>
<?php echo $product_image ?><br/><br/><?php echo $this->vmlistAdditionalImages( $product_id, $images ) ?></td>
<td rowspan=”1″ colspan=”2″>
<h1><?php echo $product_name ?> <?php echo $edit_link ?></h1>
</td>
</tr>
<tr>
<td><?php echo $addtocart ?></td>
</tr>
[/PHP]

+ at about line 49, find following script:
[PHP]<tr>
<td><?php
if( $this->get_cfg( ‘showAvailability’ )) {
echo $product_availability;
}
?><br />
</td>
<td colspan=”2″><br /><?php echo $addtocart ?></td>
</tr>[/PHP]

and change to:
[PHP]<tr>
<td><?php
if( $this->get_cfg( ‘showAvailability’ )) {
echo $product_availability;
}
?><br />
</td>

</tr>[/PHP]

Hope it helps.

[nfusiononline Friend nfusiononlineJoin date: January 2009Posts: 7Downloads:0Uploads:0]

#287489

That worked to move the add to cart box, but now my attributes that moved with it are kind of screwy, they don’t fit in the box , and seem to be over lapping each other http://www.nfusionworld.com to check it out.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#287551

Hi,

Please open theme.css file in componentscom_virtuemartthemesja-zeolite folder, at about line 313, find following script:

.vmCartAttributes { /* Attributes Div*/
margin-top:8px;
width:100%;
}

and change to:

.vmCartAttributes { /* Attributes Div*/
margin-top:8px;
width:400px;
}

Hope it helps.

[Author]

Posts