Virtuemart Support :: Topic: layout of the product (1/1)

Welcome, Guest

TOPIC: layout of the product

layout of the product 10 years 2 months ago #8581

Stefano Mastruzzi	Hi, The button layout of the product "DEFAULT" and equal to the product Layout "FLEXV2" why?, Then tell me how do I do this? THANK YOU Attachments: 0a_2014-02-16.jpeg (71KB) 0b.jpeg (85KB) 0c.jpeg (238KB)
	The topic has been locked.

layout of the product 10 years 2 months ago #8607

Support

Open this CSS file:
/templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexibleVM2Global.css

this CSS rule is to define width for the DEFAULT layout:

.FlexibleCSS3Button {
	width: 200px;
}

this CSS rule below is to define width value for the FLEXV2 layout

.detailsFlexv2 .FlexibleCSS3Button {
	width:160px;
	margin:0 auto;
}

Change the width size as you wish.

About the "GREEN SLOGAN" box, open the "Flexible VM2 Template" plugin (from your Joomla Plugin Manager") and find the "Special Offer Box" field:

Attachment Pasted_Image_2_18_14__6_12_AM-2.png not found

Regards,
Support

The topic has been locked.

layout of the product 10 years 2 months ago #8611

Stefano Mastruzzi	BUTTON product "DEFAULT" and equal to the product BUTTON "FLEXV2" why? See images
	The topic has been locked.

layout of the product 10 years 2 months ago #8631

Support

What you mean "why"? Did you read and understand my previous post?

Open this CSS file:
/templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexibleVM2Global.css

scroll to the bottom and include these CSS rules:

for DEFAULT

.FlexibleCSS3Button {
	width: 200px;
}

for FLEXV2

.detailsFlexv2 .FlexibleCSS3Button {
	width:160px;
	margin:0 auto;
}

The add to cart button will have:

DEFAULT: 200px width
FLEXV2: 160px width

Or change the values as you wish. Make them equal or make them 100px to 500px, what ever you wish.

The topic has been locked.

layout of the product 10 years 2 months ago #8642

Stefano Mastruzzi	Surely I have explained myself badly, I'm sorry for my english Attachments: 02.jpg (181KB)
	The topic has been locked.

layout of the product 10 years 2 months ago #8657

Support

I still don't understand what you are asking.

Are you specifically talking about the button in this page?
demo.flexiblewebdesign.com/cleanmart/index.php/vm-product-details-page/product-details-default-layout

This is a "special" product. It uses "Generic Child Variant". So until visitor choose a "Custom Field", the add to cart button becomes "unclickable".

But if you look at other pages, like this one below:
demo.flexiblewebdesign.com/cleanmart/index.php/vm-product-details-page/product-details-flexv2-layout

The cart buttons, in our demo website and in your website looks the same to me.

The topic has been locked.

layout of the product 10 years 2 months ago #8678

Stefano Mastruzzi	I DO NOT WANT TO PUT THIS MODEL BUTTON (A) MA MODEL (B) Attachments: 01.jpg (69KB)
	The topic has been locked.

layout of the product 10 years 2 months ago #8693

Support	Hi, Open this CSS file: /templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexibleVM2Global.css scroll to the bottom and include this CSS rule: .FlexibleCSS3Button { opacity:0.5; } Regards, Support
	Last Edit: 10 years 2 months ago by Support. The topic has been locked.