Virtuemart Support :: Topic: [SOLVED] Problems with Cart

Welcome, Guest

TOPIC: [SOLVED] Problems with Cart - / Quick look

[SOLVED] Problems with Cart - / Quick look 11 years 6 months ago #847

Gae Ricciardi

Hello,

I've just bought the PureMart Templates and i i've some questions.

The Quicklook (and the option to put the article in the cart, just above of the Quicklook) suddenly disappeared.
Can you help me to fix that?

Then, the ad to cart button is to long and it looks not really cool, how can i fix that? And why suddenly the language of the "usually shipping in 48 hours" is english and not german anymore?

Then, the Ajax cart is great, but there is a problem in showing everything properly, how can i resolve this problem.

Please find all problems attached, really hope you can help me

Thanks for you help

Rigaru

Attachments:

Last Edit: 11 years 5 months ago by Support.

The topic has been locked.

Problems with Cart - / Quick look 11 years 6 months ago #865

Support

Hi,

First of all, lets make things clear, there are 2 different "category browse page layouts" (default and flexv2) and each of them have 3 different ViewOption (ListView, GridView, MultiGridView). To totally, you have 6 different category browse layout options to pick one.

in GridView and MultiGridView list layouts; If there is a "custom field" for the particular items, then the "add to cart" button which is next to "quicklook button" disappears on purpose. Because since there are some attributes, buyers are not supposed to add the product to cart right away, right? Maybe you are offering color options, or you are offering size options. So in the GRIDVIEW and MULTIGRIDVIEW, since there is no space to show the custom fields, we have decided to eliminate the "add to cart" button from there there to avoid any confusions or misplaced orders. In the ListVIEW layout of category browse page, users can add the product to cart though, since the "attributes" are shown in ListView option.

The 3rd screenshot you have provided is taken from "Virtuemart Frontpage" and there is no "quicklook" or "addtocart" button available in VM Frontpage. It was supposed to show only "more info" icon.

So don't worry, nothing suddenly disappeared, since you just bought it, you are playing around with the parameters. And hide them by yourself ;)

Add to cart button is enlarged automatically depends on how large the "add to cart" text in your native language, The texts size must be decrease, or the "padding" spaces must be decrease depends on your individual situation. If you provide me your LIVE URL, i will provide you the patch for it, it wouldn't take more than 1-2 minutes from you to patch it after i give you the instruction.

Same thing for AJAX cart, looks like, there is a CSS confliction and requires little tweak. Provide me your live URL and let me give you instruction to fix it as well.

the shipment ICONS are coming with our VM Template, and they are all in english, since those icons are IMAGE, they can't be translated to Virtuemart language automatically, you have to translate them manually, Those icons are PNG file format, if you look at the image folder, you will find the PSD format of the same files, PSD is a Photoshop Document file and can be open by Photoshop and it is open to make edits. (simply click the TEXT TOOL, then click the text to make edits, erase it, and type it in your own language.

For example, in our DEMO, of the Shipment icon has this path:
www.flexiblewebdesign.com/virtuemart-2-template-puremart/templates/beez_20/html/com_virtuemart/assets/images/availability/2-3d.png
and PSD is righ here:
www.flexiblewebdesign.com/virtuemart-2-template-puremart/templates/beez_20/html/com_virtuemart/assets/images/availability/2-3d.psd

(in same folder, with same file name).
So in your website, you are going to look at here:
ROOt/templates/<yourjoomlatemplate>/html/com_virtuemart/assets/images/availability/2-3d.psd

The topic has been locked.

Problems with Cart - / Quick look 11 years 6 months ago #867

Gae Ricciardi	Hello admin, Ok, thank you ... here my live url for the further instruction and patches: www.inanycase.ch it's under construction - please login with: PureMart / Password: 1234 Thanks a lot for your support Kind regards Rigaru
	The topic has been locked.

Problems with Cart - / Quick look 11 years 6 months ago #884

Support

Hi,

To fix the "add to cart" button size to make it fit.
Open this CSS file:
www.inanycase.ch/templates/flexi/html/com_virtuemart/assets/css/flexibleVM2Global.css

find this CSS rule:

div.addtocart-bar span.FlexibleCSS3Button input.addtocart-button, div.FlexibleWebaddtocart-area div.Flexibleaddtocart-bar span.FlexibleCSS3Button input.addtocart-button{
    padding-top:5px;
    display:block;
    font-size:12px;
    white-space:nowrap;
    color:#fff;
 
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
	background:none;
	border:none;
	height:28px;
	padding:0 20px;
	cursor:pointer;
}

In the above rules, change the padding and font-size values with these (don't touch to other rules):

padding: 0 8px;
font-size: 11px;

The result:

To translate the shipping availability ICONS, look at this directory:
www.inanycase.ch/templates/flexi/html/com_virtuemart/assets/images/availability
You will see some PNGs and PSDs with same file names. PSD is Photoshop Document, so basically open any PSD with Adobe Photoshop, translate the text to german and save it as PNG without changing the filename (overwrite with the existing PNG). BE AWARE: Don't change the file names!! the filename of the PNG must be the same.
Basically you are going to do the same thing for other English TEXT-Images. All English text-images come with the PSD format with same file-name.

To fix the "ajax cart module"
Open this CSS file again:
www.inanycase.ch/templates/flexi/html/com_virtuemart/assets/css/flexibleVM2Global.css

Find this CSS rule:

#vmCartModule.vmCartModule {
	background:url(../images/Flexible/vmCartBack.png) right top no-repeat;
	height:28px;
	display:block;
	line-height:28px;
	cursor:pointer;
	font-size:10px;
	padding-left:11px;
	width:220px;
}

In the above rules, change the width value with this:

width:280px;

Secondly, open this CSS rule:
www.inanycase.ch/templates/flexi/css/layout.css

Find this CSS rule:

#vmCartModule .total_products, #vmCartModule .total {
  line-height: 24px;
  float: left;
  margin-right: 7px;
}

Change it with this:

#vmCartModule .total_products, #vmCartModule .total {
 
}

And lastly, open this CSS rule:
www.inanycase.ch/templates/flexi/css/vm-flexi.css

Find this CSS rule:

.product-field-type-B,.product-field-type-S,.product-field-type-I{ padding: 3px 0px; }

Change it with this:

.product-field-type-B,.product-field-type-S,.product-field-type-I{ }

The result will be:

(the cart will be look way much better with some larger thumbnails. That product has very tiny thumbnail)

Flexible Support Team.

Last Edit: 11 years 6 months ago by Support.

The topic has been locked.

Problems with Cart - / Quick look 11 years 5 months ago #900

Gae Ricciardi	Hello Admin Amazing support, Thank you very very much. This explanation was accurate, professional and very easy to understand. One last thing, please see the attachement.. it seems that the written part of "like it" Facebook is to big or to long... this happen after the product is choosen, (the step add to cart) See Attachement... Thanks Rigaru Attachments: produktaussuchen.gif (11KB)
	The topic has been locked.

Problems with Cart - / Quick look 11 years 5 months ago #916

Support

Hi,

The "like" button in the product details page, is generated through developers.facebook.com and It is official. Neither you nor us are able to edit whats inside that like button. It is actually an <iframe> that gets the content from facebook.com.

If you look at the source codes you will notice this instantly,

For instance, the text inside this iframe is in English in my screen, but it is German in your screen. Basically because i am using English in facebook.com and you are using German.

The topic has been locked.

Problems with Cart - / Quick look 11 years 5 months ago #926

Dennis Ditlevsen	where do the files, layout.css and vm-flexi.css come from i do not have those in my site... Dennis
	The topic has been locked.

Problems with Cart - / Quick look 11 years 5 months ago #929

Gae Ricciardi	Hi Dennis Those are files which comes from a Template i bought, the template is calles Flexi (coincidentally) and i bought this template from another virtuemart template company.... Rigaru
	The topic has been locked.

Problems with Cart - / Quick look 11 years 5 months ago #934

Support	3ddk, The patch that i have provided to "Rigaru" was his patch. I told him to make some tweak to his joomla template to fix the layout issues. If you are experience a similar issue, please create a new topic and let me investigate your website as well. This Case is solved. Topic is locked.
	The topic has been locked.