product image zoom in zen cart? - php

I need help on the how can i zoom image of the product in zen cart ?
I am try the jqzoom plugins but not shown any effect also not found any option admin->configuration->jqzoom
I am use the zen cart version 1.5.0.
is jqzoom is compatible with zen cart version 1.5.0?
or suggest any other plugins which compatible with zen cart version 1.5.0
Thanks in advance..

As zencart 1.5.0 add admin type and admin role functionality so you need to register your page to display in admin panel menu.
How to register page from admin area. ?
1. go to : Admin Access Management - > Admin Page Registration
2. fill form and click on insert.

Are you trying to use the jq zen cart plugin?
I couldnt find one that worked with v1.5, luckily its really easy to set up anyway, heres how i did it: Download the normal version jqzoom, rename the css and js files so that they began with script_ and style and drop them into the appropriate folders in your template, you then go in and edit the file includes/templates/default_template/templates/tpl_modules_main_product_image.php, add a class to the image link (as per jqzoom instruction) and save it to your template includes/templates/YOUR_TEMPLATE/templates/tpl_modules_main_product_image.php. you then call it with
$(document).ready(function(){
$('.yourclass').jqzoom();
});
put this either in your own javascript file or at the bottom of the jqzoom javascript, you can set various options when calling the script -check out jqzoom docs

Related

How can I change WooCommerce checkout page order summery section style?

I am new to WordPress. I need to change the checkout page style. Please help me to give suggestions.
Please use this wordpress plugin in order to customize your checkout page style/CSS: https://wordpress.org/plugins/postpage-specific-custom-css/ . You can use description and installation tabs to learn how to download the plugin to your wordpress.
You'll notice the blue download button on the right-side of the screen when you're ready to start the installation process.
You can also use the screenshots with the description tab to view how to use the plugin.
The plugin would be easier to use than altering the CSS style within the appearance section of your wordpress dashboard.

“Please specify the product's option(s)” message occuring after clicking on add to cart button on product detail page

After Installing new themeforest magnium theme on our magento website version CE Magento 1.9.0.1. Mageworx "Advanced custom Options" extensions is not working.
So I don't understand which file has been override.
Actually issue is that when I click on add to cart button on product detail page then custom options not adding to cart page and occurring error message “Please specify the product's option(s)” on same product detail page.
This is likely because the extension from Mageworx is overriding a template file that the theme is also overriding. You need to open the source of the Mageworx plugin, find all templates in the template folder, and incorporate their differences into your Magnium theme template folder.
More specifically- you're getting this error because the configurable options are not posting when adding to cart. This is likely because their name is incorrect in the template or they aren't output. (Replacing the Magnium theme templates with the Mageworx templates should bring this functionality back)
Either way, this is a question for the Support team on the extension or theme you are using- not really something appropriate for a stack question.

How to edit Woocommerce product page in my own themplate

I have build my own Wordpress theme and activated Woocommerce. Almost everypage works fine. But my Store and Product pages are not in Container. Also I would like to chanche the positions of sertain items on the Product Page. Theme is build in Bootstrap so I would like to use Bootstrapp to fix my Product page. The biggest problem is that I cannot find the right file to edit... Somebody got the solution?
You can check the site here.
Thanks!!
To build a WooCommerce Compatible theme, you need to edit the WooCommerce templates.
All the WooCommerce templates are located at woocommerce/templates folder. If you are not familiar with WooCommerce templates structure, you can install WooCommerce Template Hints, and it will display the template file name to show you where the content comes from.
To customize the template, please follow the best practices so your modifications will not be missing when you update WooCommerce.

Rename menu links magento

I am new to magento and I am interested in changing the menu from a magento website. I have installed the magento classic theme, I need to rename the 2 buttons from the main menu (Home and Products).
I've tried modifying some files from app/design/frontend/default/f002/template/page/html, but it didn't work. Any help is appreciated.
I have the community version installed.
Edit:
It was really makes me astonished! However I installed this theme only for you and observed that it was by default menu.Ok NO problem just change the menu name here
open the file app\design\frontend\default\f002\template\page\html\topmenu.phtml and rename as you wish .See the image
And I want to tell you how to know that form which file this menu comes.It is very easy to detect in Magento. Just follow the few images!Please save the images at first or drag and drop each image into the new tab browser to see the actual image for more clear!
Go to the main page (frontend) page

Woo Commerce Add to cart is not showing on Variable Product

I am using Woo-commerce for online shopping.
I create some variable products, but when I am going view full page of product it says
Add to Cart is Hidden
I tried forcefully show the "Add to cart" button using display: block in CSS but when I click on that it gives me error
Please choose product options
Also there is no error in developer console
Can anyone know what exactly happened or where I am wrong or is it a script problem?
For anyone else who finds this, the wc-add-to-cart-variation script is loaded by WooCommerce in the footer. So, if it isn't loading your theme either 1. doesn't have wp_footer() (which is rare as even crap themes should have this) or 2. there is a PHP error in the theme templates and the page is not fully loading.
I would suggest checking the latter point. You can view a page's source code. In Chrome just type CTRL+U.
Scroll all the way to the bottom. The last thing you should see is:
</html>
If you don't see this the page didn't load fully, likely do to a fatal PHP error.
You can find out exactly where by enabling WP_DEBUG in your wp-config.php file.
If anything, I'd guess that your theme has some WooCommerce templates that are out of date with respect to the current WooCommerce. This post is old, but this keeps happening as WooCommerce keeps evolving and themes keep packaging templates that they don't even modify.
This issue is probably caused by an outdated single-product/add-to-cart/variable.php template. But if renaming that doesn't solve it, in a pinch you can always disable your theme's entire WooCommerce templates by renaming the WooCommerce folder in your theme to anything else. 99% of the time it will be called woocommerce, but it could be something else.
WooCommerce will now let you know which templates are out of date. This information can be found in the admin under WooCommerce>System Settings.
Another good read would be:
http://develop.woothemes.com/woocommerce/2014/02/solving-common-issues-after-updating-to-woocommerce-2-1/
Did you set a price for your product? If not, the Add to cart button will stay hidden.
add_action('wp_head','add_to_cart_script');
function add_to_cart_script(){
if(is_product()){
wp_enqueue_script('wc-add-to-cart-variation');
}
}
There was Jquery problem add-to-cart-variation.js was not included.
Now its working fine for me...
I managed to display the 'Add to cart' button as follows:
Locate the variable product template file in your theme directory:
templates/single-product/add-to-cart/variable.php
Add this code to the end of that file:
<script>
$(window).load(function(){
$(".single_variation_wrap").show();
$(".single_add_to_cart_button").click(function(){
if($("#pa_size").val() == ''){
alert('Please select size');
return false;
}
});
});
This is what I used. Maybe you have other fields and/or classes/ids. Just play around, I hope it will work for you.

Categories