Few questions to clean the website

[Nina M]

Hello,

We need to add few approvements on our website and need your help please :

1- About the message after an order : we want to change the text that the customer see. Please see the screenshot 1.

2- On the page https://www.ninamikha.fr/boutique/ : we would like to change the photo on the title, where do we have to go please ? Please see the screenshot 2.

3- On the checkout page : we have an issue when we click on the “terms & conditions”. Please see the screenshot 3.

4- When we are on the cart page, when we click on + or – to chane the products quantity we need to clic on the “Cart update” button to get the update done. We would like tu get the update automatically when we click on +/-, how could we set up this please ? Please see the screenshot 4.

5- We would le to change the title of this page, where do we have to o to change it please ? Please see the screenshot 5.

Thanks a lot for your help ! Have a good day

Nina M.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Nina,

1. Please go to Loco > plugins > WooCommerce > your language > find string and change

2. Please go to Claue > Theme Option > WooCommerce > General Settings > Page Title and change text and background

3. Please go to Pages > Terms & conditions page > Edit page in Classic mode and remove redundant code https://prnt.sc/t26mhs

4. Please add below code to claue-child > functions.php

/* live update for quantity on cart page */
add_action( 'wp_footer', 'cart_update_qty_script' );
function cart_update_qty_script() {
        if (is_cart()) :
    ?>
    <script>
        jQuery('div.woocommerce').on('click', '.qty', function(){
            jQuery("[name='update_cart']").removeAttr('disabled');
        });
        jQuery('div.woocommerce').on('change', '.qty', function(){
            jQuery("[name='update_cart']").trigger("click");
        });

    </script>
<?php
endif;
}

5. You can use Yoast Seo plugin to change title of page.

Kind regards

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

[Nina M]

Hello Harry,

Thanks a lot for your responses. We solve the 1/2/3/ and 5/ issues, thanks to you.

4/ Could you indicate us where we can find >> claue-child > functions.php ?

Thanks a lot

[Harry]

Hi Nina,

1. Please download claue_main_files.zip on ThemeForest and extract file to get claue-child.zip

2. After that install claue-child.zip in Themes > Add new like you did when install claue theme.

3. Go to Appearance > Theme Editor > Edit Claue Child and add code to file functions.php

Kind regards

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

[Nina M]

Ok, here is what we have on Claue child > Functions.php : please see the 2 screenshots.

On which lines do we have to add all the code please ? Do we have to start on line 28 or line 30 please ?

Does this code will also delete the “Update cart” button on all the devices ?

New issue on the contact us page :
6/ We try to test the form but we have an error message. why it doesn’t work please ?
+ Could you please indicate us where the sent messages will go ? Where can we change the receiving email box please ?

Thank you

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Nina,

4. Please add code to line 30

To delete update cart button please add more code to claue-child > style.css

.actions .button.update-cart {
	display: none;
}

6. Please go to Contact > Form and edit form https://prnt.sc/t2oz5d

Kind regards

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

[Nina M]

Hello Harry,

Thanks for your help, 4/ solved !

About 6/ Contact us issue, the “Contact us Form” still doesn’t work. Could you please help ?

Please see our new test today.

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Please try install this plugin https://wordpress.org/plugins/wp-mail-smtp/ and help me translate the error message to english so i can understand.

Kind regards

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

[Nina M]

Hi,

Sorry I forgot the translation. The error message in French means “There is an error during the sending process of your message. Please try again”. Do you know why do we have this message please ?

[Harry]

Please try plugin https://wordpress.org/plugins/wp-mail-smtp/ and let me know if issue still there after you setup SMTP.

Kind regards

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

[Nina M]

Hi Harry,

We solved the issue for the “Contact us”, thank you !

More questions :

7/ How could we set up a link for “Instagram” and “@ninamikhaparis” on the Footer Area 1 please ? From now, only the Instagram logo is a lin to our Instagram page, and we would like to have the 3 elements as a ink to our Insta page. Please see the screenshots pic 1 and 2

8/ When we use the option “text area” with “not required fields”, because it is an additional paying option, we have 2 issues
– Part 1 : the additional option +6€ + comment does not appear in the cart -> the client will pay the same price, without option, and we will never know what he chose as option.
– Part 2 : when we click on another option above (colors change for instance), we loose all the information that we wrote on the option text area.
– Part 3 : The options of text areas appear only at the end of selection. We need to select all our choice above to see the options (required or not required). We would like to see the options instantly, when we open the product detail page.

Please see our screenshots attached.

Thank you

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Nina,

7. Please change code to https://prnt.sc/t71u39 take <a> and </a>  wrap the element you want to link

8. Please contact to plugin author Woocommerce Custom Fields For Variation i’m not have experience with this.

Kind regards

• This reply was modified 3 years, 9 months ago by Harry.

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

[Nina M]

Hi Harry,

1/ Thanks for the golbal link, it works.
Could you please help us to 1. align on the left the INSTAGRAM work with above wordings, & 2. align the Instagram logo with the “@” from “@ninamikhaparis” ?
Please see attached screenshots

2/ We have many issues with this plugin. Do you have other ones to recommend us to add a text area/fields in the product variations ?

Thanks

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1. I help you did it.

2. Please try this plugin https://codecanyon.net/item/woocommerce-extra-product-options/7908619

Kind regards

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

[Nina M]

Thank you for your advice for 2/ We will check it

About 1/ Could you please help us for the apparence ? We would like :
1. to align on the left the INSTAGRAM word with the above wordings
2. to align the Instagram logo with the “@” from “@ninamikhaparis” ?
Please see attached screenshots : apparence and code we set up

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1. The text it now align left and the icon font it displayed like this it can’t align the top.

Kind regards

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

[Nina M]

Hi Harry,

Hope you are fine.

We cannot find the text align as you said, on any devices we have, even after clearing cache.
We are now woring only on : https://www.ninamikha.fr/

Moreover, we have an issue with Instagram implementation, please see the screenshot and the error message. What happens please ? How could we solve it ?

Thanks a lot for your precious help

Nina M.

Attachments:

You must be logged in to view attached files.

[Harry]

Can you send me login credentials and check in “set as private reply” we need to check to help you solve problem.

Kind regards

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

[Nina M]

This reply has been marked as private.

[Harry]

Hi Nina,

I changed code of Instagram on Footer and it work but don’t know why it revert.

It now ok. and text align.

Kind regards

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

[Nina M]

Hi Harry,

Great for the text align, thank you.

For Instagram the link was okay in the footer, no problem here.

We have an issue there, in the homepage, for the Instagram “carrousel”. We used to have our 12 posts from Instagram and it did not wor now, on any devices we check (mobile + computer).

Could you please help us ? Do you have any idea why suddently it stopped to work ?

Thanks so much

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

It now Instagram stop support old API, please use plugin https://wordpress.org/plugins/instagram-feed/ to replace old.

Kind regards

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

[Nina M]

Hi Harry,

Okay that’s why ! What a shame, we love thhe previous version of Instagram display.

Okay so we install the plugin you recommend, they ask to use a shortcode (screenshot 1), but we don’t know how to add it on our homepage with the previous Instagram widget (screenshot 2).

Could you please help ?

Thanks so much

Attachments:

You must be logged in to view attached files.

[Nina M]

Hi Harry,

We find how to display our feed, with a simple “Text” widget it works.

No more question from now
Thanks for your help

[Nina M]

Hi Harry,

We manage to display on computer device Instagram like we want (6 pictures on 1 row) but on Mobile device we have huge pictures of each Instagram posts. As we asked you before with the previous Instgaram plugin, could we have the same 6 pictures displayed as small pictures by 3 columns x2 rows for Mobile device ?

Plus, could you please indicate us how to reduce/grow spaces between each bloc on the homepage ? And for computer and mobile devices ?
Actually, with the new Instagram plugin it changed all 🙁
Please indicate us how to do so because we need to correct the space from the screenshot attached, and others more…

Thanks a lot for your help

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Nina,

1. Please add Instagram Feed on your site i will check and help you solve problem.

2. Please add below code to page CSS https://prnt.sc/tdeh3i

.jas-page > div {margin-bottom: 0;}

Kind regards

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

[Nina M]

Hi Harry,

1. We already added Instagram feed on our website. On computer the apparence is exactly what we want, but on Mobile devices it’s not. Thanks for your help
2. Okay done, seems like better, thank you

[Harry]

Hi Nina,

Please add more code

@media only screen and (max-width: 480px) {
#sb_instagram.sbi_col_10 #sbi_images .sbi_item, #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item {
	width: 33.33% !important;
}
#sb_instagram .sbi_photo {
	height: 120px !important;
}}

Kind regards

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

[Nina M]

Perfect, thank you so much Harry

[Author]

Posts