Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - PureMart (SKU# FLEX-00010)

TOPIC: [SOLVED] Product display

[SOLVED] Product display 11 years 6 months ago #604

Sorry for the question, I'm starting an online store and I'm in the implementation stage, but I can not get my products to display correctly on the page and I'm desperate! I could take the hand to correct this situation? I leave the link and thank you in advance for help.

148.208.233.22/compumall/public/index.php/accesorios/audifonos/audifono-dj-audition-hd900-acteck-detail
Last Edit: 11 years 6 months ago by Support.
The topic has been locked.

Product display 11 years 6 months ago #611

Hi,

First of all,

Open this CSS file:
148.208.233.22/compumall/public/templates/rt_mercado_j16/css/demo-styles.css

and find these CSS rules:
body .floatleft {float: left !important;margin-right: 15px;margin-left: 0;}
body .floatright {float: right !important;margin-left: 15px;margin-right: 0;}
and change them with these:
body .floatleft {float: left !important;margin-right: 0px;margin-left: 0;}
body .floatright {float: right !important;margin-left: 0px;margin-right: 0;}

then open this PHP file:
148.208.233.22/compumall/public/templates/rt_mercado_j16/html/com_virtuemart/productdetails/default.php

and change the
<div id="FlexibleDetailsRight" class="width30 floatright">
with this
<div id="FlexibleDetailsRight" class="width60 floatright">

and change the
<div class="width30 floatleft FlexibleProductDetailsLeft" id="FlexibleDetailsLeft">
with this
<div class="width40 floatleft FlexibleProductDetailsLeft" id="FlexibleDetailsLeft">

Don't touch the width40 and width60 values. otherwise you will have problem with ENLARGE IMAGE features.

And if you want to FIX the font line-height issue in the product name;
open this CSS file:
148.208.233.22/compumall/public/templates/rt_mercado_j16/html/com_virtuemart/assets/css/flexibleVM2Global.css
and find this CSS rule:
.FlexibleProductDetailProductName {
	font-size:28px;
	margin:0 0 5px 0;
}

and change it with this:
.FlexibleProductDetailProductName {
	font-size:28px;
	margin:0 0 5px 0;
	line-height:30px;
}
The result will be:

ScreenShot2012-10-10at1.07.17AM.png
Last Edit: 11 years 6 months ago by Support.
The topic has been locked.

Product display 11 years 6 months ago #643

Thanks for your help, I'm really grateful!
The topic has been locked.

Product display 11 years 6 months ago #657

your welcome.
The topic has been locked.
Time to create page: 0.209 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo