Regarding Categories and menus

[vikasrox111]

Dear Team,

1. When I add the category in Products> Category – Not shows in Menus under categories section? So how would i add my categories to Menus
2. I want to change the menus layout Suppose I have created 3 categories and want to display in menus Now my question is If I want user hover on menu and dropdown appears so how to change the layout of that menu suppose Menu 1 dropdown has 3 sub categories so i want simple dropdown(Vertical) but for menu 2 dropdown i want another type of layout(horizontal type with one image display option)

• This topic was modified 4 years, 6 months ago by Harry.

[Harry]

Hi Vikasrox,

Thank you for choose our theme.

1. Please follow this video to add category of product to menu https://www.youtube.com/watch?v=cdkCSls-9s4&list=UUMDvyPJs20jwKoFIO4XUF6w&index=19

2. You need use a plugin to create megamenu https://wordpress.org/plugins/megamenu/

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

I have disabled the (Sign Up Newsletter) popup but it shows repeatedly why?

and second thing i dont want the full page search bar- i want normal one?

[vikasrox111]

And one more thing left top corner there are three horizontal lines- when we click on that menus appears- I also want remove that

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1.

I have disabled the (Sign Up Newsletter) popup but it shows repeatedly why?

Can you send me admin account and check in “Set as private reply” I will check and help you solve problem.

2. Please install this plugin https://wordpress.org/plugins/ajax-search-for-woocommerce/

and download attach file extract and put in gecko-child > views > header

3. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS to remove line

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
	border-top: none !important;
}

Kind regards

Attachments:

You must be logged in to view attached files.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[Harry]

Hi,

1. To turn off popup newsletter please go to YITH > Popup > Settings > Enable Popup and turn it off https://prnt.sc/t4utnt or deactivate plugin YITH WooCommerce Popup

2. Please add below code to hide menu button

@media only screen and (min-width: 1025px) {
.jas-push-menu-btn {
	display: none;
}}

3. I’m sorry the variation swatch doesn’t have option to show only 3 swatches and more button.

4. Please download new attach file, extract and put in gecko-child > views > header and don’t need plugin

5. You can turn off plugins
– Gecko Sample Data can remove after first time install sample data.
– Envato Market (just enable when you need update theme)
– If you turn off MC4WP: Mailchimp for WordPress the subscribe on footer will not work –

Kind regards

Attachments:

You must be logged in to view attached files.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

This reply has been marked as private.

[Harry]

Hi,

1. Please go to Appearance > Customize > WooCommerce > Product Catalog and follow this screenshot https://prnt.sc/t4zc8a

2. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

.btn-quickview.cp.pr.bs-36 {
	display: none;
}

3. Please go to Appearance > Customize > WooCommerce > Product Image and follow this screenshot https://prnt.sc/t4zezm

4. Please go to JanStudio > Theme Option > WooCommerce > Product Detail Settings > Enable Zoom Image > On

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[Harry]

Hi,

2. Please change code to

.product-image .db:before, .product-button {
	display: none;
}

3. To hide review please go to WooCommerce > Settings > Products > Enable Review and uncheck https://prnt.sc/t5386o

4. The issue because this category doesn’t have any variable product that mean the products on this category don’t have any attribute

5. Yes, it override parent theme not replace on gecko because when have update the file will revert to original, just use child theme

6. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

.sf-open i {font-size: 24px; margin-left: 5px}

7. When you disable review the review tab will disappear. Please use Custom Product Tab to create your tab.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

This reply has been marked as private.

[Harry]

Hi,

Please change prev code to

.product-image .db:before,
.product-button .btn-quickview,
.product-button .yith-wcwl-add-to-wishlist {
	display: none;
}
.product-button a.button, .product-button > * {
	border-color: #b59677;
	transform: scale(1);
}
.product-button:not(.flex) {
	margin: 15px auto;
	position: relative;
	transform: translateY(0);
}

and download attach file, extract and put in gecko-child > woocommerce

Kind regards

Attachments:

You must be logged in to view attached files.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[Harry]

Hi,

1. Please add below code to gecko-child > functions.php to add color to product title

add_filter( 'wp_head','custom_product_title_script' );
function custom_product_title_script(){
    global $post;

    // Only single product pages
    if( ! is_product() ) return;

    // get an instance of the WC_Product Object
    $product = wc_get_product($post->ID);

    // Only for variable products
    if( ! $product->is_type( 'variable' ) ) return;

    // Here set your specific product attributes in this array (coma separated):
    $attributes = array('pa_colour');

    // The 1st loop for variations IDs
    foreach($product->get_visible_children( ) as $variation_id ) {

        // The 2nd loop for attribute(s)/value
        foreach($product->get_available_variation( $variation_id )['attributes'] as $key => $value_id ){
            $taxonomy = str_replace( 'attribute_', '', $key ); // Get the taxonomy of the product attribute

            // Just for defined attributes
            if( in_array( $taxonomy, $attributes) ){
                // Set and structure data in an array( variation ID => product attribute => term name )
                $data[ $variation_id ][$taxonomy] = get_term_by( 'slug', $value_id, $taxonomy )->name;
            }
        }
    }

    ?>
        <script type="text/javascript">
            (function($){
                var variationsData = <?php echo json_encode($data); ?>,
                    productTitle = $('.product_title').text(),
                    color = 'pa_colour';
                console.log(variationsData);

                // function that get the selected variation and change title
                function update_the_title( productTitle, variationsData, color ){
                    $.each( variationsData, function( index, value ){
                        if( index == $('input.variation_id').val() ){
                            $('.product_title').text(productTitle+' - '+value);
                            console.log('TITLE UPDATED');
                            return false;
                        } else {
                            $('.product_title').text(productTitle);
                        }
                    });
                }

                // Once all loaded
                setTimeout(function(){
                    update_the_title( productTitle, variationsData, color );
                }, 300);

                // On live event: select fields
                $('select').blur( function(){
                    update_the_title( productTitle, variationsData, color );
                });
            })(jQuery);
        </script>
    <?php
}

2. Please send us admin account to check.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[Harry]

Hi,

1. The price generate by plugin WooCommerce and not related theme. It show 2 price because your product has different price with each variation.

2. Please use gecko-child not use parent theme, your custom code will be remove when you update parent theme if you add your code to parent theme.

Please change code to

add_filter( 'wp_head','custom_product_title_script' );
function custom_product_title_script(){
    global $post;

    // Only single product pages
    if( ! is_product() ) return;

    // get an instance of the WC_Product Object
    $product = wc_get_product($post->ID);

    // Only for variable products
    if( ! $product->is_type( 'variable' ) ) return;

    // Here set your specific product attributes in this array (coma separated):
    $attributes = array('pa_color');

    // The 1st loop for variations IDs
    foreach($product->get_visible_children( ) as $variation_id ) {

        // The 2nd loop for attribute(s)/value
        foreach($product->get_available_variation( $variation_id )['attributes'] as $key => $value_id ){
            $taxonomy = str_replace( 'attribute_', '', $key ); // Get the taxonomy of the product attribute

            // Just for defined attributes
            if( in_array( $taxonomy, $attributes) ){
                // Set and structure data in an array( variation ID => product attribute => term name )
                $data[ $variation_id ][$taxonomy] = get_term_by( 'slug', $value_id, $taxonomy )->name;
            }
        }
    }

    ?>
        <script type="text/javascript">
            (function($){
                var variationsData = <?php echo json_encode($data); ?>,
                    productTitle = $('.product_title').text(),
                    color = 'pa_color';
                console.log(variationsData);

                // function that get the selected variation and change title
                function update_the_title( productTitle, variationsData, color ){
                    $.each( variationsData, function( index, value ){
                        if( index == $('input.variation_id').val() ){
                            $('.product_title').text(productTitle+' - '+value);
                            console.log('TITLE UPDATED');
                            return false;
                        } else {
                            $('.product_title').text(productTitle);
                        }
                    });
                }

                // Once all loaded
                setTimeout(function(){
                    update_the_title( productTitle, variationsData, color );
                }, 300);

                // On live event: select fields
                $('select').blur( function(){
                    update_the_title( productTitle, variationsData, color );
                });
            })(jQuery);
        </script>
    <?php
}

3. Please go to WooCommerce > Settings > Products > Inventory and follow this screenshot https://prnt.sc/t6vwqd

4. To hide Additional Information tab, please uncheck this https://prnt.sc/t6vxfu

5. I’m sorry it doesn’t have option to link to other product when change color.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

1. The price generate by plugin WooCommerce and not related theme. It show 2 price because your product has different price with each variation.

 

But i want this

Need only one price..

Please check this

that was my last query

Please help me out

[Harry]

Hi,

Please try this plugin https://wordpress.org/plugins/show-only-lowest-prices-in-woocommerce-variable-products/

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[Harry]

Hi,

1. Please install plugin

2. Please download gecko-child included in theme package and install via Themes > add new and make sure you copy code on this forum not use code in email.

The code you copy from email not correct format.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[Harry]

1. I want you install child theme. If have issue just remove the code you add to gecko-child > functions.php so i can check. Don’t remove theme just remove code if it cause error.

I see you add the code in gecko > functions.php please remove code and try add in gecko-child > functions.php

2. I mean install plugin to show variation price as one price https://wordpress.org/plugins/show-only-lowest-prices-in-woocommerce-variable-products/

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

This reply has been marked as private.

[Harry]

Hi,

I help you make it work.

The correct code is

add_filter( 'wp_footer','custom_product_title_script' );
function custom_product_title_script(){
    global $post;

    // Only single product pages
    if( ! is_product() ) return;

    // get an instance of the WC_Product Object
    $product = wc_get_product($post->ID);

    // Only for variable products
    if( ! $product->is_type( 'variable' ) ) return;

    // Here set your specific product attributes in this array (coma separated):
    $attributes = array('pa_color');

    // The 1st loop for variations IDs
    foreach( $product->get_visible_children() as $variation_id ) {

        // The 2nd loop for attribute(s)/value
        foreach($product->get_available_variation( $variation_id )['attributes'] as $key => $value_id ){
            $taxonomy = str_replace( 'attribute_', '', $key ); // Get the taxonomy of the product attribute

            // Just for defined attributes
            if( in_array( $taxonomy, $attributes) ){
                // Set and structure data in an array( variation ID => product attribute => term name )
                $data[ $variation_id ][$taxonomy] = get_term_by( 'slug', $value_id, $taxonomy )->name;
            }
        }
    }

    ?>
        <script type="text/javascript">
            (function($){
                // variables initialization
                var variationsData = <?php echo json_encode($data); ?>,
                    productTitle = $('.product_title').text(),
                    color = 'pa_color';
                console.log(variationsData);

                // function that get the selected variation and change title
                function update_the_title( productTitle, variationsData, color ){
                    $.each( variationsData, function( index, value ){
                        if( index == $('input.variation_id').val() ){
                            $('.product_title').text(productTitle+' - '+value);
                            console.log('TITLE UPDATED');
                            return false;
                        } else {
                            $('.product_title').text(productTitle);
                        }
                    });
                }

                // Once all loaded
                setTimeout(function(){
                    update_the_title( productTitle, variationsData, color );
                }, 300);

                // On live event: select fields
                // $('select').blur( function(){
                //     update_the_title( productTitle, variationsData, color );
                // });

                $('#pa_color').on('change', function(){
                   // update_the_title( productTitle, variationsData, color );
                    setTimeout(function(){
                      update_the_title( productTitle, variationsData, color );
                    }, 300);
                });
                
            })(jQuery);
        </script>
    <?php
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

This reply has been marked as private.

[Harry]

Did you touch on code. Please check again. It now work

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

This reply has been marked as private.

[Harry]

It doesn’t option to add title. The title auto add color when the color selected. https://prnt.sc/t8e3q3

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[Harry]

Hi,

We are working on your site to check the issue, please wait for.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

This reply has been marked as private.

[Harry]

Hi,

I see you edit parent theme. Can you tell me which files? Please backup files you edited.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

You go ahead

I add the css in custom css

 

[vikasrox111]

This reply has been marked as private.

[Harry]

Hi,

I enable plugins on your site, i’m not understand why it same setting with our site while color swatch on catalog page on my site still work well but your site not work 🙁

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

This reply has been marked as private.

[vikasrox111]

Resolve this issue or share with your backend team

I need resolution

Please reply

[Harry]

Hi,

I report to dev team and wait for them check it. When done i will inform you.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

How much time it will take??

Do it fast please

[vikasrox111]

See i dont want to ask this question publically or i dont want to add the negative review

Its very easy for me to purchase different theme and add the negative review against your theme and add the complaint about your theme??

I have a issue- your theme has the feature but not runs on my website why??

And i am not asking this question again and again..

 

One Question- This question i asked in above chat but did not get the answer:

Zoom feature on product page is not good

Ref: https://www.amazon.in/Abracadabra-Plush-Quilted-Playmat-Bunny/dp/B07PF8WG3R/ref=sr_1_1?dchild=1&keywords=abracadabra%2Bplaymat&qid=1593099438&sr=8-1&th=1

Please open the above link for reference

• This reply was modified 4 years, 5 months ago by vikasrox111.

[Harry]

Hi,

Sorry because inconvenience,

Our theme only support inline zoom

Please use this plugin for zoom feature https://www.magictoolbox.com/magiczoom/modules/woocommerce/ like as you want.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

Hi,

I report to dev team and wait for them check it. When done i will inform you.

Kind regards
Harry
Premium WordPress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

?????????????????????????????????????????????????

[Sergey Kravchenko]

Hello,

The issue “on category page color swatch feature not working” is fixed, please, check the site.

Have a good day,

Best Regards

[vikasrox111]

But name not changed on category page?

[Sergey Kravchenko]

Oh, this is an interesting question, it wasn’t developed with such option.

I added this feature to your site, so now product title will change according to selected variation on the category page.

Hope this helps in your project.

Please, check the site.

Best Regards

[vikasrox111]

This reply has been marked as private.

[Harry]

Hi,

Please add custom CSS for only desktop

@media only screen and (min-width: 1025px) {

your code here

}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

This reply has been marked as private.

[Harry]

Hi,

On mobile it should show full because if you show like desktop it break layout.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

Hello

I have created the website on capitalwave.in/abracadabra thats my testing server

Now website is live on abracadabrakids.com but when you check the mobile view

In menu section- first you click on three horizontal line then “menu” displays then click on “menu” all the menus displays

but the standard is while click on three horizontal lines then all the menus displays

Please check the issue.

[Harry]

Hi,

The issue because you use a plugin megamenu for mobile menu. and it need click their button to show menu.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[vikasrox111]

Now what is the solution, I got the megamenu plugin in theme

[Harry]

Hi,

Please go to MegaMenu > Menu Theme > and follow this screenshot https://prnt.sc/vgvchi

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts