Rahim

[Rahim]

Hi Harry,

According to this photo : https://pasteboard.co/HK3K3KF.png as I said in this topic.

I have deleted my file in the child theme, but after clearing the cache and and resting the browser, I don’t see any difference!

Have you changed the default slides to scroll to 1 ?

 

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Hi Harry,

This is the source of my layout-4.php in the child theme:

<?php
/**
* The header layout 4.
*
* @since 1.0.0
* @package Claue
*/
?>
<header id="jas-header" class="header-4" <?php jas_claue_schema_metadata( array( 'context' => 'header' ) ); ?>>
<?php if ( cs_get_option( 'header-top-left' ) || cs_get_option( 'header-top-center' ) || cs_get_option( 'header-currency' ) ) : ?>
<div class="header__top bgbl pt__10 pb__10 pl__15 pr__15 fs__12">
<?php if ( cs_get_option( 'header-boxed' ) ) : echo '<div class="jas-container">'; endif; ?>
<div class="jas-row middle-xs">
<div class="jas-col-md-4 jas-col-sm-6 jas-col-xs-12 start-md start-sm center-xs">
<?php if ( cs_get_option( 'header-top-left' ) ) : ?>
<div class="header-text"><?php echo do_shortcode( cs_get_option( 'header-top-left' ) ); ?></div>
<?php endif; ?>
</div>
<div class="jas-col-md-4 jas-col-sm-6 jas-col-xs-12 center-md end-sm center-xs">
<?php if ( cs_get_option( 'header-top-center' ) ) : ?>
<div class="header-text"><?php echo do_shortcode( cs_get_option( 'header-top-center' ) ); ?></div>
<?php endif; ?>
</div>
<div class="jas-col-md-4 jas-col-sm-3 jas-col-xs-12 flex end-lg end-md hidden-sm hidden-xs">
<?php if ( cs_get_option( 'header-top-right' ) ) : ?>
<div class="header-text mr__15"><?php echo do_shortcode( cs_get_option( 'header-top-right' ) ); ?></div>
<?php endif; ?>
<?php
if ( class_exists( 'WooCommerce' ) && cs_get_option( 'header-currency' ) ) {
echo jas_claue_wc_currency();
}
?>
</div>
</div><!-- .jas-row -->
<?php if ( cs_get_option( 'header-boxed' ) ) : echo '</div>'; endif; ?>
</div><!-- .header__top -->
<?php endif; ?>
<div class="header__mid pl__15 pr__15<?php echo ( cs_get_option( 'header-transparent' ) ? ' header__transparent pa w__100' : '' ); ?>">
<?php if ( cs_get_option( 'header-boxed' ) ) : echo '<div class="jas-container">'; endif; ?>
<div class="jas-row middle-xs pt__10 pb__10">

<div class="jas-col-md-2 jas-col-sm-3 jas-col-xs-3 flex start-md flex">
<div class="jas-action flex end-xs middle-xs">
<?php if ( cs_get_option( 'header-search-icon' ) ) : ?>
<a class="sf-open cb chp hidden-xs" href="javascript:void(0);"><i class="pe-7s-search"></i></a>
<?php endif; ?>

<?php
if ( class_exists( 'WooCommerce' ) ) {
echo jas_claue_wc_my_account();

if ( class_exists( 'YITH_WCWL' ) ) {
global $yith_wcwl;
echo '<a class="cb chp hidden-xs" href="' . esc_url( $yith_wcwl->get_wishlist_url() ) . '"><i class="pe-7s-like"></i></a>';
}
echo jas_claue_wc_shopping_cart();
}
?>
</div><!-- .jas-action -->
</div>

<div class="jas-col-md-8 jas-col-sm-6 jas-col-xs-6 center-xs">
<?php jas_claue_logo(); ?>
</div>

<div class="jas-col-md-2 jas-col-sm-3 jas-col-xs-3">
<a href="javascript:void(0);" class="jas-push-menu-btn hide-md visible-sm visible-xs">
<?php
if ( cs_get_option( 'mobile-icon' ) ) :
$icon = wp_get_attachment_image_src( cs_get_option( 'mobile-icon' ), 'full', true );
echo '<img src="' . esc_url( $icon[0] ) . '" width="30" height="30" alt="Menu" />';
else :
echo '<img src="/wp-content/themes/claue-child/assets/images/icons/hamburger-black.svg" width="30" height="16" alt="Menu" />';
endif;
?>
</a>
<div class="hidden-xs hidden-sm">
<?php echo jas_claue_social(); ?>
</div>
</div>
</div><!-- .jas-row -->
<div class="header__bot hidden-sm">
<nav class="jas-navigation flex center-xs">
<?php
if ( has_nav_menu( 'primary-menu' ) ) {
wp_nav_menu(
array(
'theme_location' => 'primary-menu',
'menu_class' => 'jas-menu clearfix',
'menu_id' => 'jas-menu',
'container' => false,
'walker' => new JAS_Claue_Menu_Walker(),
'fallback_cb' => NULL
)
);
} else {
echo '<ul class="jas-menu clearfix"><li><a target="_blank" href="' . esc_url( admin_url( 'nav-menus.php' ) ) . '">' . esc_html__( 'Add Menu', 'claue' ) . '</a></li></ul>';
}
?>
</nav><!-- .jas-navigation -->
</div><!-- .header__bot -->

<?php if ( cs_get_option( 'header-boxed' ) ) : echo '</div>'; endif; ?>
</div><!-- .header__mid -->

<form class="header__search w__100 dn pf" role="search" method="get" action="<?php echo esc_url( home_url( '/' ) ); ?>" <?php jas_claue_schema_metadata( array( 'context' => 'search_form' ) ); ?>>
<div class="pa">
<input class="w__100 jas-ajax-search" type="text" name="s" placeholder="<?php echo esc_html__( 'Search for...', 'claue' ); ?>" />
<input type="hidden" name="post_type" value="product">
</div>
<a id="sf-close" class="pa" href="#"><i class="pe-7s-close"></i></a>
</form><!-- #header__search -->

<div class="jas-canvas-menu jas-push-menu">
<h3 class="mg__0 tc cw bgb tu ls__2"><?php esc_html_e( 'Menu', 'claue' ); ?> <i class="close-menu pe-7s-close pa"></i></h3>
<div class="hide-md visible-sm visible-xs mt__30 center-xs flex tc">
<?php if ( cs_get_option( 'header-top-right' ) ) : ?>
<div class="header-text mr__15"><?php echo do_shortcode( cs_get_option( 'header-top-right' ) ); ?></div>
<?php endif; ?>
<?php
if ( class_exists( 'WooCommerce' ) && cs_get_option( 'header-currency' ) ) {
echo jas_claue_wc_currency();
}
?>
</div>
<div class="jas-action flex center-xs middle-xs hide-md hidden-sm visible-xs mt__10">
<a class="sf-open cb chp" href="javascript:void(0);"><i class="pe-7s-search"></i></a>
<?php
if ( class_exists( 'WooCommerce' ) ) {
echo '<a class="cb chp db jas-my-account" href="' . esc_url( get_permalink( get_option( 'woocommerce_myaccount_page_id' ) ) ) . '"><i class="pe-7s-user"></i></a>';

if ( class_exists( 'YITH_WCWL' ) ) {
global $yith_wcwl;
echo '<a class="cb chp wishlist-icon" href="' . esc_url( $yith_wcwl->get_wishlist_url() ) . '"><i class="pe-7s-like"></i></a>';
}
}
?>
</div><!-- .jas-action -->
<?php
wp_nav_menu(
array(
'theme_location' => 'primary-menu',
'container_id' => 'jas-mobile-menu',
'walker' => new JAS_Claue_Mobile_Menu_Walker(),
'fallback_cb' => NULL
)
);
?>
<div class="hidden-md visible-sm visible-xs tc mt__20 mb__30">
<?php echo jas_claue_social(); ?>
</div>
</div><!-- .jas-canvas-menu -->

<?php if ( class_exists( 'WooCommerce' ) ) : ?>
<div class="jas-mini-cart jas-push-menu">
<div class="jas-mini-cart-content">
<h3 class="mg__0 tc cw bgb tu ls__2"><?php esc_html_e( 'Mini Cart', 'claue' );?> <i class="close-cart pe-7s-close pa"></i></h3>
<div class="widget_shopping_cart_content"></div>
</div>
</div><!-- .jas-mini-cart -->
<?php endif ?>
</header><!-- #jas-header -->

 

Can you please make the changes and give me the file?

I don’t know where should I add the div you gave me.

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Hi Harry,

Any recommendation for this from you?

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Great.

Thank you for the support. 🙂

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

I mean all attributes except color

Harry,

I realized in product listing, when we see the color variations swatches, it’s not selected. I mean that grey border.

I see on some site, in product listing, it is selected by default.

This will help the user, when the colors are similar together, to see what is the color of this font product.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

There are only two swatches class?

So with this fix I can change all of attributes to label. right?

Harry, I think one . is missing in your claas. I added that.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Hi Harry,

This code changes the padding of Colors and Labels.

.swatch__list--item {
border-radius: 0 !important;
padding: 2px !important;
}

For the text labels the 5px is fine but for colors 2px is fine.

Is there any chance to apply differently the code to color and text?

2px:

5px:

My all code for override :

.swatch.is-label .swatch__value {
font-size: 13px !important;
width: 100% !important;
height: 24px !important;
line-height: 24px !important;
}
.swatch__list--item {
border-radius: 0 !important;
padding: 2px !important;
}
.swatch__value {
border-radius: 0 !important;
}
.products .swatch__list--item {
padding: 0 !important;
}

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Hi Harry,

Yes. I have enabled WP Rocket’s lazyload.

It really helps in speed optimization.

Is there any chance to add a code to override the function in page of listing products?

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

And I also recommend when the catalog mode becomes available, you deactivate the quick shop button, or change it’s action to something like “Read More”

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Hi Harry,

How can I fix this on product listing? Look.ir/New-Arrival

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Author]

Posts