Search Results for 'css'

[Harry]

Hi Esteban,

1. Thank you for buy new license don’t worry we will keep your extend support to 9 months.

2. To change the label, please go to Loco Translate > Themes > Claue > your language find string and change or go to Loco Translate > plugins > woocommerce > Your language find string and change

3. Please create grouped product https://beeketing.com/blog/create-woocommerce-grouped-products/ is default feature of WooCommerce or use wholesale plugin https://wordpress.org/plugins/woocommerce-wholesale-prices/

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

add_action( 'woocommerce_before_single_product', 'bbloomer_prev_next_product' );
 
// and if you also want them at the bottom...
add_action( 'woocommerce_after_single_product', 'bbloomer_prev_next_product' );
 
function bbloomer_prev_next_product(){
 
    echo '<div class="prev_next_buttons">';
     
       // 'product_cat' will make sure to return next/prev from current category
        $previous = next_post_link('%link', '&larr; Prev', TRUE, ' ', 'product_cat');
        $next = previous_post_link('%link', 'Next &rarr;', TRUE, ' ', 'product_cat');
     
        echo $previous;
        echo $next;
        
    echo '</div>';
         
}

and below code to claue-child > style.css

.jas-wc-single.mb__60 {
    position: relative;
}
.prev_next_buttons {
    line-height: 40px;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 20px;
}
 
.prev_next_buttons a[rel="prev"], .prev_next_buttons a[rel="next"] {
    display: block;
}
 
.prev_next_buttons a[rel="prev"] {
    float: right;
}
 
.prev_next_buttons a[rel="next"] {
    float: left;
}
 
.prev_next_buttons::after {
    content: '';
    display: block;
    clear:both;
}

Kind regards

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

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.badge .new {
	left: auto;
	right: 15px;
}

Kind regards

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

[Harry]

Hi Della,

to remove SKU and tag please add below code to JanStudio > Theme Option > General Layout > Custom CSS

.product_meta .sku_wrapper,
.product_meta .tagged_as {
	display: none;
}

Kind regards

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

[Harry]

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

.page-head::before {
	background: #004c9f;
}

Kind regards

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

[Harry]

Hi Paolo,

Thank you for choosing our theme.

1. You can change arrow button color by add below code to JanStudio > Theme Option > General Layout > Custom CSS

.metaslider .flexslider .flex-direction-nav li a.flex-prev, .metaslider .flexslider .flex-direction-nav li a.flex-next {
	background: #004c9f;

}

2. Please go to JanStudio > Theme Option > WooCommerce > Product Listing Settings > Hover Style > Style 1

3. I’m sorry it doesn’t support customize product page with WP Bakery Page Builder

Kind regards

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

[mikelare1]

This reply has been marked as private.

[Harry]

Hi,

1. I check your site and see you don’t use sample data so you have to manual build your site use page builder. If you want use sample data please follow this topic http://support.janstudio.net/forums/topic/import-sample-data/

2. I see you add code to wrong section custom JS. I help you move to custom CSS to make it work.

Kind regards

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

[jesus0985]

This reply has been marked as private.

[triplensalon]

Hi Harry,

Okay, so I talked to the plugin support and they said ‘Yes, you can’t use ajax add-to-cart button on archive pages to add an appointment to the cart because you have to select the slot first. But having ‘ajax add to cart’ enabled still works ok. I have it on all my testing sites and our clients also use it for other (non-appointable) products without any problems. The theme should not assume that all products can be simply added to the cart in the archive via ajax. I think that the official Booking plugin from WooCommerce also doesn’t allow that because you also have to select the slot before adding to the cart.’

 

I did some testing. I disabled all plugins but it still wasn’t working.

Then, I created a brand new website with Twenty-Nineteen theme and installed only woocommerce and the booking plugin. I unchecked the ajax in woocommerce – settings – products. It worked fine. When you miss a field, you get a message and you scroll back fix your mistake and click ‘book now’. Then the page refreshes and you get a message ‘“Test Product” has been added to your cart.’

Then I installed Claue. Now if you miss a field the missed field message is not displayed. When you fix the problem and click ‘book now’ it refreshes the page, the appointment is in the basket, however the message ‘“Test Product” has been added to your cart.’ is not displayed as well.

I found a solution and just wanted to share it in case someone in the future gets this problem. Go to Claue and add this to custom css:

.woocommerce .woocommerce-message {
display:block !important;
}
.woocommerce .woocommerce-error{
display:block !important;
}

 

 

So now the ‘book now’ refreshes the page and displays the ‘“Test Product” has been added to your cart.’. Perfect, but can we have the page refreshed but with the mini cart open as well, as if someone clicked on it? Or is that not possible?

 

Thank you so much for your time,

Nikol

 

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

If you select “Optimize CSS delivery” option you have to create Fallback critical CSS and put in the field https://prnt.sc/px574x if the option make the site load badly. I recommend don’t use this or contact to plugin author supporter.

Kind regards

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