Hey NThiem,

Thank you for the inquiry.

You can use this code in the functions.php file to add the quantity buttons to the product overview page.

add_filter( 'woocommerce_loop_add_to_cart_link', function( $html, $product ) {
    if ( $product && $product->is_type( 'simple' ) && $product->is_purchasable() && $product->is_in_stock() && ! $product->is_sold_individually() ) {
        $html = '<form action="' . esc_url( $product->add_to_cart_url() ) . '" class="avia-quantity-button" method="post" enctype="multipart/form-data">';
        $html .= woocommerce_quantity_input( array(), $product, false );
        $html .= '<button type="submit" class="button alt">' . esc_html( $product->add_to_cart_text() ) . '</button>';
        $html .= '</form>';
    }
    return $html;
}, 10, 2 );

Please make sure that the Enfold > Shop Options > Product layout on overview pages is set to Default or the very first option.

Best regards,
Ismael

Hi,

Thank you for the screenshot.

You can use this css code to hide the catalogue price and replace it with a button.

.av-catalogue-price.av-cart-update-price * {
    display: none;
}

.av-catalogue-price.av-cart-update-price:before {
    content: "View Training";
    color: #000000;
    background: #ebebeb;
    padding: 10px 13px !important;
    top: 10px;
    position: relative;
    border-radius: 3px;
    font-size: 13px;
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hey satucker,

Thank you for the inquiry.

Did you place the API key in the Enfold > Google Services > Google Maps API field? Please provide the API key in the designated field, then click the Check API Key button or just leave it as is so that we can validate it.

Best regards,
Ismael

Hi Intell,

Please try the following in Quick CSS under Enfold->General Styling:

.avia-mailchimp-form input {
    text-align: center;
    font-family: 'Josefin Sans';
}

Do you want the first Discover more button to look like the second one?

Best regards,
Rikard

Hi,

Thanks for contacting us!

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

@media only screen and (max-width: 480px) { 
.woocommerce .login .button {
  margin: 4px;
}}

Regards,
Yigit

Hi,
Thank you for the login, I see that your banners are added as custom widgets, but I notice that your child theme is not activated

please activate the child theme and import the parent theme settings.
Also note that any customizations in the parent theme functions.php will need to be moved to the child theme functions.php so they will not be lost on updates.

Sometimes, after importing the parent theme settings into the child theme and clearing your caching plugins, the site doesn’t show the style correctly, in this case go to the theme settings and see if the “save all settings” button is blue:

If so click it to save again and clear your caching plugins and check again.
If the button is not Blue, try adding a space in the Quick CSS, this will make the button blue so you can click to save again.
Otherwise, try disabling your caching plugin and clear your browser cache and check again.

Best regards,
Mike

Hi Sunny,

First of all, please register on the support forum. After that, then you can use this link to open a new thread, or click this button on the Enfold forum: https://imgur.com/a/AnoSPNb.

Best regards,
Rikard

Hey Jürgen,
Please see our documentation on adding Custom Social Icons.

Best regards,
Mike