I'm trying to add a view cart button to my website that is using google checkout, does anyone know a trick to do this? I think I may need to use a special div with a class to create a button that will display the cart when clicked, I'm lost.
Thank you
The Google Checkout shopping cart has its own JavaScript and CSS APIs - you can use those to change the cart's appeareance and behavior to beter match yout website look and feel.
See this document for more info:
http://sites.google.com/site/checkoutshoppingcart/customising-cart-s-ui
<div class="product">
<input type="hidden" class="product-title" value="8x10 Product
<input type="hidden" class="product-price" value="19.95">
<a class="googlecart-add">Product Title</a>
</div>
Related
I'm trying to add an additional contact form on my Magento website on a new CMS page. I'd like it to be different to the main contact form. I need it to use a different transactional email template. Here's what I've got so far, I just need to tell it to use a different template (probably in the {{block}} code in the CMS page.
On the CMS page I've added {{block type="core/template" name="contactForm" form_action="/contacts/index/post/" template="contacts/test.phtml"}} to call a template block.
I've created the contact/test.phtml template file and copied my existing contact form template. I've manually added a field, it looks like this:
<li class="fields">
<div class="field">
<label for="armadillo"><?php echo Mage::helper('contacts')->__('armadillo') ?></label>
<div class="input-box">
<input name="armadillo" id="armadillo" title="<?php echo Mage::helper('contacts')->__('armadillo') ?>" value="" class="input-text" type="text" />
</div>
</div>
</li>
I've gone to the System -> Transactional Emails menu and created a new template based on the Contact Us template (called armadilloTest). The template content looks like this:
Name: {{var data.name}}
E-mail: {{var data.email}}
Telephone: {{var data.telephone}}
Armadillo: {{var data.armadillo}}
Comment: {{var data.comment}}
If I send an email from both forms now, they use the same transactional email template, and I don't get the armadillo field. It works, but I'd like one form to use the new template.
If I go to System -> Configuration -> Contacts I can change which email template my contact forms uses. I can set it to my new armadillo template, but again this is applied to both forms and my old contact form starts sending me emails with a blank armadillo field.
There must be a way of setting the transactional email template in the {{block}} line in the CMS, but I can't find out what it is! Can you help please?
Note upfront: I do not have any experience using scripts but only some basic HTML and PHP skills.
I would like a page on my google site to refresh automatically as soon as the embedded google form was submitted. This to instantly display the embedded and updated google form results after the button is clicked without the visitor having to reload the page manually. (like you would have for any online poll)
My form sheet is updating perfectly but I have not yet found an example or tutorial how to make a page refresh work for the google site with an embedded google form when the submit button is clicked. I hope someone can help me by providing an example on how to make this work. Preferably I would like to use an embedded google form rather than having to create a separate PHP form loading into google forms what could be an alternative. Thanks.
Below the HTML as I can see it on my Google page. I would need a trigger I guess from these embedded forms to refresh the page on submit. I just have no idea on how to get this done.
<div>
<div style="text-align:left">
<div><img src="https://www.google.com/chart?chc=sites&cht=d&chdp=sites&chl=%5B%5BSpreadsheet+form'%3D20'f%5Cv'a%5C%3D0'10'%3D499'0'dim'%5Cbox1'b%5CF6F6F6'fC%5CF6F6F6'eC%5C0'sk'%5C%5B%22test+int+sheet%22'%5D'a%5CV%5C%3D12'f%5C%5DV%5Cta%5C%3D10'%3D0'%3D500'%3D397'dim'%5C%3D10'%3D10'%3D500'%3D397'vdim'%5Cbox1'b%5Cva%5CF6F6F6'fC%5CC8C8C8'eC%5C'a%5C%5Do%5CLauto'f%5C&sig=5VZGSIULBu8sSdf833qiLWVDcx8" data-origsrc="1VACx4d2pJEZlvAezbO9Gnh_nX3nIPwSJ4iCNjEmCiUM" data-type="spreadsheet-form" data-props="align:center;borderTitle:test int sheet;doctype:freebird;height:400;objectTitle:test int sheet;showBorder:false;showBorderTitle:false;wrap:false;" width="500" height="400" style="display:block;margin:5px auto;text-align:center;"></div>
<br>
</div>
<div style="text-align:left"><img src="https://www.google.com/chart?chc=sites&cht=d&chdp=sites&chl=%5B%5BGoogle+Gadget'%3D20'f%5Cv'a%5C%3D0'10'%3D499'0'dim'%5Cbox1'b%5CF6F6F6'fC%5CF6F6F6'eC%5C0'sk'%5C%5B%22Include+gadget+(iframe)%22'%5D'a%5CV%5C%3D12'f%5C%5DV%5Cta%5C%3D10'%3D0'%3D500'%3D397'dim'%5C%3D10'%3D10'%3D500'%3D397'vdim'%5Cbox1'b%5Cva%5CF6F6F6'fC%5CC8C8C8'eC%5C'a%5C%5Do%5CLauto'f%5C&sig=t6_Deqv8rgMQCB28aqz1n9MoVTU" data-igsrc="http://164.gmodules.com/ig/ifr?mid=164&synd=trogedit&url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fiframe.xml&up_iframeURL=https%3A%2F%2Fdocs.google.com%2Fspreadsheets%2Fd%2F1g2cGeavUciTy6po7_DXPXMNqC1fqTTROHRoTnsafFfM%2Fpubhtml%3Fgid%3D754672963%26single%3Dtrue&up_scroll=no&h=400&w=100%25" data-type="ggs-gadget" data-props="align:center;borderTitle:Include gadget (iframe);height:400;igsrc:http#58//164.gmodules.com/ig/ifr?mid=164&synd=trogedit&url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fiframe.xml&up_iframeURL=https%3A%2F%2Fdocs.google.com%2Fspreadsheets%2Fd%2F1g2cGeavUciTy6po7_DXPXMNqC1fqTTROHRoTnsafFfM%2Fpubhtml%3Fgid%3D754672963%26single%3Dtrue&up_scroll=no&h=400&w=100%25;mid:164;scrolling:no;showBorder:false;showBorderTitle:null;spec:http#58//hosting.gmodules.com/ig/gadgets/file/106581606564100174314/iframe.xml;up_iframeURL:https#58//docs.google.com/spreadsheets/d/1g2cGeavUciTy6po7_DXPXMNqC1fqTTROHRoTnsafFfM/pubhtml?gid=754672963&single=true;up_scroll:no;view:default;width:100%;wrap:false;" width="500" height="400" style="display:block;margin:5px auto;text-align:center;" class="igm"></div>
<div style="text-align:left"><br>
</div>
<div style="text-align:center">
<div></div>
<br>
</div>
<div style="text-align:left">
<div style="text-align:center"><br>
</div>
<div style="text-align:center"><br>
</div>
<br>
</div>
</div>
I'm sorry to be the annunciator of a such bad news but that's impossible.
As your code show, you are actually using a google Site to display your google form. The line:
<img src="https://www.google.com/chart?chc=sites&cht=d&...
IS the way google tell you there is a google form in this page when you hit the button to get the source code.
In other words: google don't let you put whatever you want in a google site. It's impossible to add some JS code that will be fired when the user submit the form.
Even if you host your form in something else than a google Site, you won't have this ability, as the form himself will be displayed in an iframe that can't be modified by external scripts.
This is an hard limitation of Google Form, the only workaround that you may use is to write to the user in the confirmation message of the form that he now need to reload the page or go to an other link.
I'm trying to enable search functionality of the Advanced AJAX Page Loader plugin on a custom wordpress theme I'm building, but after I enter keyword into search and hit enter, loader.gif keeps on spinning and I get this message in debug mode : "WARNING: You seem to have more than one title tag on the page, this is going to cause some major problems so page title changing is disabled". It also passes the url of the website twice into the address bar and I believe this has something to do with the action attribute that's being passed by the form.
This is the site in question: http://natalija.co.nf
I left the debug mode of the AAPL plugin on for now
This is my searchform.php code:
<form method="get" id="searchform" class="searchform" action="<?php bloginfo('url'); ?>">
<input type="submit" id="searchsubmit" value="" class="btn" />
<input type="text" size="10" name="s" id="s" value="" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>
</form>
I managed to ajaxify the theme with this plugin but I 'm having trouble getting the search to work properly so I was wondering if anyone here can help me out with this? It is driving me crazy.
I solved it. The code in search.php needs to be wrapped with a div class="searchform".
First of all, I'm starting with Joomla 3. I have a main menu with a login item and I want to dropdown the login form when this item is clicked, something like login on dropbox site.
I try hot login extension but not working well for me.
UPDATE
I create a new postion in my XML file called 'login'
<positions>
<position>login</position>
And add this to the index.php
<div class="span7">
<jdoc:include type="modules" name="menu" style="none" />
<jdoc:include type="modules" name="login" style="none" />
</div>
Finally, in the panel, I set to the Login Form module the login postion.
Now, my DOM is look like this:
<div class="span7">
<ul class="nav menu">Menu itens...</ul>
<form id="login-form">...</form>
</div>
How can I set the login form to open when the user click in one of the menu items?
Depending on the template, there are different methods. For example with Yootheme templates, you need to open the Login module in the Module Manager and set the position to "menu". With Rockettheme, you can set a module or a module position to a specific menu item via the Menu Manager.
Have a look at he demo site for the template you download and read any documentation as it will help.
I am building a product catalog website using joomla and virtuemart extension. To let users share my products on facebook, I have added a facebook share button in my product's flypage.
In the flypage I have added the following code:
<div> <a name="fb_share" type="button" ></a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>
</div>
When I click on the share button it shows only the url of the website. But I want to show the product Title and Image of the product too. I have installed Virtuemart Open Graph plugin but it is not working.
Would you please kindly tell me how to show the title and image of the product when sharing on facebook??
Simple solution - you have to add og:tags to your page where the share/like buttons reside. The og:tags contain things like og:title, og:image...etc.
You can read more on the usage of the open graph protocol and about the og:tags at this URL : https://developers.facebook.com/docs/opengraph/