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

TOPIC: Layout issues

Layout issues 10 years 4 months ago #7862

Hi,

I have layout issues since I installed CleanMart.

Please have a look at attachments.

Thank you for your help.

Best regards,
Attachments:
The administrator has disabled public write access.

Layout issues 10 years 4 months ago #7876

Hi,

First of all, upload some real products with large product picture. Product pictures should be larger than 900x900 (pixel)
And (as suggested in the TUTORIAL.PDF) set the thumbnail sizing [minimum] 250x250

About the 2nd problem. It is a small CSS problem. You would need to add a CSS rule like this:
ul {
list-style:none none;
}
But I need to browse your website and investigate your source codes to give you the correct CSS rule.

Regards,
Support
The administrator has disabled public write access.

Layout issues 10 years 3 months ago #8029

Hi,

Thank you for your help. Your advice fixed the first issue.

Here's link to website: www.vyvys-jewels.com/fr/accessoires/bracelets-nooza-detail#.Us6aY_Y6Im8

Please find attached screen capture with issue.


Attachment 2014-01-09_13-48-03.png not found




Best regards,
The administrator has disabled public write access.

Layout issues 10 years 3 months ago #8052

Hi,

Open the below CSS file:
/templates/giblasse_1_3_3/html/com_virtuemart/assets/css/flexibleVM2Global.css

and include these CSS rules:
ul#vmtabs li:before, .flexibleZoomAdditionalImagesList li:before { content:" " !important;}
ul#vmtabs li, .flexibleZoomAdditionalImagesList li { padding-left:0px !important; }

This will fix the "bullet" issue, that was caused by your Joomla Template.

Regards,
Support.
The administrator has disabled public write access.

Layout issues 10 years 3 months ago #8094

Hi,

Thank you for your answer. It fixed the bullet issues but I still have two issues on this page.

One that appeared after inserting CSS rules you gave me. Now tab title for product description is incomplete.

Second one is that main picture of product is overlapping right side of product's thumbnails.

Please find attached screen capture with issues.


Attachment 2014-01-16_10-00-47.png not found



Best regards,
The administrator has disabled public write access.

Layout issues 10 years 3 months ago #8179

Hello,

After a one week waiting for your answer, I decided to find another way to fix the new issues that appeared after applying your suggestions. I modified the template by removing the bullets. It's not a nice solution as it removes a feature my client wanted . But it's better than the way it was before.

Still I have two issues that need to be fixed with this template:

1. There is a little square under product's thumbnail if there is only one thumbnail (picture).
www.vyvys-jewels.com/en/perles-3/perles-de-majorque-forme-baroque-en-detail#.UuD9VvY1ijg


Attachment 2014-01-23_12-22-52.png not found




2. In checkout page, two buttons have no vertical separation. How can I add some vertical distance?
www.vyvys-jewels.com/en/cart



Attachment 2014-01-23_12-28-52_2014-01-23.png not found





Please find attached screen capture with issues.

Thank you for your help.

Best regards,
Attachments:
Last Edit: 10 years 3 months ago by STEPHANE PEETERS.
The administrator has disabled public write access.

Layout issues 10 years 3 months ago #8180

Hello,

I fixed issue with the square under product's thumbnail.

I still have the issue in checkout page, two buttons have no vertical separation. How can I add some vertical distance?
www.vyvys-jewels.com/en/cart

Where can I translate "Remove" and "Update" in checkout page?

Thank you for your help.

Best regards,
The administrator has disabled public write access.

Layout issues 10 years 3 months ago #8205

Hi,

Sorry for getting your topic late. Somehow your topic has been missed. Sorry about it.

1- To add a space between "Register" "Checkout Buttons" you should decrease their sizes. Then they will be side-by side.
Open this CSS file:

www.vyvys-jewels.com/templates/giblasse_1_3_5/html/com_virtuemart/assets/css/flexibleVM2Global.css

To the bottom!!
(this is important, you should add these rule to the very bottom of this CSS file, after this rule: div.FlexibleRelatedProducts, div.FlexibleFeatured { overflow:hidden !important;}

Add these rules:
div.FlexibleRelatedProducts, div.FlexibleFeatured { overflow:hidden !important;}
a.FlexibleSelectShippingButton, a.FlexibleSelectPaymentButton, div.checkout-content .billto-shipto a.details, div.FlexibleLoginBoxRight a.FlexibleResgiterButton, div.FlexibleLoginBoxRight a.FlexibleGuestButton, #askform input.highlight-button, span.addtocart-button input.notify-button { padding:0 30px 0 12px !important;}


the result will be:

Attachment ScreenShot2014-01-24at3.47.26AM.png not found



2- To Translate "Update" button in the shopping cart page. Open this PSD file (with PhotoShop):
www.vyvys-jewels.com/templates/giblasse_1_3_5/html/com_virtuemart/assets/images/Flexible/update_quantity_cart.psd
translate the text in it. WITHOUT TOUCHING THE HEIGHT AND THE WIDTH OF THE GRAPHIC (which is 44x16 pixel)
and save this PSD file as PNG and overwrite it with this:
www.vyvys-jewels.com/templates/giblasse_1_3_5/html/com_virtuemart/assets/images/Flexible/update_quantity_cart.png

3- Same idea applies to REMOVE button as well, but this time, the PSD file is this:
www.vyvys-jewels.com/templates/giblasse_1_3_5/html/com_virtuemart/assets/images/Flexible/remove_from_cart.psd
and the PNG is this:
www.vyvys-jewels.com/templates/giblasse_1_3_5/html/com_virtuemart/assets/images/Flexible/remove_from_cart.png


Regards,
Support
Last Edit: 10 years 3 months ago by Support.
The administrator has disabled public write access.
Time to create page: 0.127 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