Home Forums Themes Support Claue Change product look on webshop

Topic Resolution: Resolved

This topic contains 26 replies, has 2 voices, and was last updated by  Harry 3 months, 1 week ago.

Viewing 15 posts - 1 through 15 (of 27 total)
  • Author
    Posts
  • #32420
    purplemedia
    Supported

    Hi, I want to change my product look on my site to the look in my attachment.
    Could someone help?

    Attachments:
    You must be logged in to view attached files.
    #32425

    Hi,

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

    function category_single_product() {
        foreach( wp_get_post_terms( get_the_id(), 'product_cat' ) as $term ) {
            if( $term ){
                echo '<h3 class="tu category-name">' . $term->name . '</h3>';
            }
        }
    }
    add_action( 'woocommerce_after_shop_loop_item_title', 'category_single_product', 8 );

    and add below code to claue-child > style.css

    h3.category-name {
    	margin: 0;
    	font-size: 20px;
    }

    Kind regards

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

    #32442
    purplemedia
    Supported

    Thanks! First time your support, great.
    How could I disable hover on product and set ‘buy’ button under the price.

    #32443

    Thank for your kind words.

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

    .product-image a.db::before {
    	display: none;
    }

    2. Please follow this topic http://support.janstudio.net/forums/topic/down-the-add-to-cart-and-quick-view-products/

    Kind regards

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

    #32444
    purplemedia
    Supported

    Thanks! I want to build header like attachment. Could you help?

    Attachments:
    You must be logged in to view attached files.
    #32450

    Hi,

    Please follow this topic http://support.janstudio.net/forums/topic/hello-i-want-to-search-box-instead-of-search-icon/

    Kind regards

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

    #32451
    purplemedia
    Supported

    Nice, I want the productpage like my attachment.
    Could you help?

    Attachments:
    You must be logged in to view attached files.
    #32453

    Hi,

    Please enable PageBuilder for product in WPBakery PageBuilder > Role Manager http://prntscr.com/oe1x7g

    And use for product description. Split content with row and column http://prntscr.com/oe1yif

    Kind regards

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

    #32454
    purplemedia
    Supported

    It works! But next things:

    I want that top tab in accordion ‘beschrijving’ (see attachment zz-1) will automaticly open and that the row with ‘beschrijving’ will not be visible.

    Could you help?

    #32455
    purplemedia
    Supported

    Hi,

    I am using Header 3 and have installed Ajax Search for Woocommerce plugin.

    Could you help or send code for building the header like my attachment? I would really like that.

    Thanks!

     

    Attachments:
    You must be logged in to view attached files.
    #32457

    Hi,

    1. It doesn’t support both tab and accordion on product page layout

    2. Please do the steps:

    – Install this plugin https://wordpress.org/plugins/ajax-search-for-woocommerce/

    – Copy file layout-3.php in claue > views > header to claue-child > views > header

    – Please change code on layout-3.php line 78-79

    <?php if ( cs_get_option( 'header-search-icon' ) ) : ?>
    	<a class="sf-open cb chp hidden-xs" href="javascript:void(0);"  title="<?php echo esc_html__( 'Search', 'claue' ); ?>"><i class="pe-7s-search"></i></a>
    <?php endif; ?>

    to

    <?php echo do_shortcode ('[wcas-search-form]') ?>

    – And change code from line 97 – 103

    <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 -->

    to

    <div class="header__search w__100 dn pf">
    	<div class="pa">
    		<?php echo do_shortcode ('[wcas-search-form]') ?>
    	</div>
    	<a id="sf-close" class="pa" href="#"><i class="pe-7s-close"></i></a>
    </div><!-- #header__search -->

    Kind regards

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

    #32458
    purplemedia
    Supported

    Nice, got it! http://185.104.28.45/~zz/

    And I want to add the social share en language flag at the right in header.

    Attachments:
    You must be logged in to view attached files.
    #32460

    Hi,

    1. For social icons please add below code next to the code generate search in line 79

    <div class="hidden-xs hidden-sm">
    	<?php echo jas_claue_social(); ?>
    </div>

    2. You need have plugin multilingual

    Kind regards

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

    #32487
    purplemedia
    Supported
    This reply has been marked as private.
    #32489
    purplemedia
    Supported

    Hi,
    Two questions more:
    3. I want the buy button with text ‘in winkelmand’ under the price. Now it it above the product title. (see attachment ‘zz-3.jpg’)
    4. Can I give each product category a different class? Could you fix that?

    Thanks!

    Attachments:
    You must be logged in to view attached files.
Viewing 15 posts - 1 through 15 (of 27 total)

You must be logged in to reply to this topic.