add cart button and thumbnails product images

[Mas cosicas]

Thank you for the theme, I think claue it’s a great theme. I have some question:

1. Since last update the thumbnail product images not appears. I can attach it but it don’t shows in the web. I attached 3 images and It only shows the principal image (I send you the screen captures).
2. The Add cart button on the mobile does not look good, it is cut and only half of the text is visible (I send you the screen captures).

I am looking forward to your response.

Thank you very much!

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Mas,

Thank you for your kind words.

1. You can fix by upload images for gallery color http://take.ms/8QvGr

2. You can fix by add custom css in Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 414px) {
.single-product .jas-container {
padding: 0;
}
.single_add_to_cart_button {
padding: 0 10px;
font-size: 13px;
}
}
@media only screen and (max-width: 414px) {
.single_add_to_cart_button {
padding: 0 10px;
font-size: 11px;
}
}

Best regards

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

[Mas cosicas]

Thank very much Harry!

1. We solved the problem with the thumbnails images.

2. With the add car button it is almost solved.

• On 320×568 devices it still does not look good. If the problem is that the text is very long, I would not mind being called only “Añadir” instead of “Añadir al carrito”, but only in devices of this size, in the rest I would like it to be called “Añadir al carrito”
• In those that are bigger (375×667) it looks perfect.

I send you capture of the two devices.

 

I am looking forward to your response.

Thank very much!

Attachments:

You must be logged in to view attached files.

[Foster]

Hi,

Please add the custom CSS code below

@media only screen and (max-width: 736px) { .jas-wc-single > .jas-container { padding: 0; } }

Cheers,
Foster

[Mas cosicas]

Hi,

1. I added the code and now only the last letter is not visible, what can I do? The complete text is “Añadir al carrito” (Attached capture)
2. I have a new question: when somebody make a purchase, the state of the order no change to a “order received”. Can you help me with this? Has the theme a thank you page in order to after the purchase?

Thank you very much!

I am looking forward to your response.

Thank very much!

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Please change all prev code to

@media only screen and (max-width: 736px) { .jas-wc-single > .jas-container { padding: 0; } }

@media only screen and (max-width: 414px) {
.single-product .jas-container {
padding: 0;
}
.single_add_to_cart_button {
padding: 0 10px;
font-size: 13px;
}
}
@media only screen and (max-width: 320px) {
.single_add_to_cart_button {
padding: 0 10px;
font-size: 11px;
}
}

2. By default WooCommerce have thank you page. You can customize this page by copy file thankyou.php in plugins > WooCommerce > Templates > Checkout to claue-child > woocommerce > checkout.

Best regards

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

[Mas cosicas]

Thank you very much, the add cart button is perfect!

2. Where is the file thankyou.php? And the route:

plugins > WooCommerce > Templates > Checkout to claue-child > woocommerce > checkout

Does it refer to FTP?
I am looking forward to your response.

Thank very much!

[Harry]

Hi,

The claue-child.zip included in package you download from Themeforest.

You need install in Appearance > Theme > Add New

After that create folder “woocommerce” in claue-child and create “checkout” in “woocommerce” and copy file thankyou.php from plugins > WooCommerce > Templates > Checkout to claue-child > woocommerce > checkout

Best regards

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

[Author]

Posts