Your account expired support, please renew to get your support.

Home Forums Themes Support Claue Change product look on webshop

Topic Resolution: Resolved
Viewing 26 reply threads
  • Author
    Posts
    • #32420
      purplemedia
      Support Expired

      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
      Harry
      Support Expired

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

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

    • #32443
      Harry
      Support Expired

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

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

      Attachments:
      You must be logged in to view attached files.
    • #32450
      Harry
      Support Expired

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

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

      Attachments:
      You must be logged in to view attached files.
    • #32453
      Harry
      Support Expired

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

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

      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
      Harry
      Support Expired

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

      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
      Harry
      Support Expired

      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
      Support Expired
      This reply has been marked as private.
    • #32489
      purplemedia
      Support Expired

      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.
    • #32492
      purplemedia
      Support Expired

      And more questions, hope you can help with them all.

      5. Could you set the product description always as active and open. At the moment (zz-5-1) is this it, but I want it to create it like (zz-5-2).
      6. Could you change the product info. At the moment (zz-6-1) is this it, but I want to create it like (zz-6-2).

      Could you fix?

      Attachments:
      You must be logged in to view attached files.
    • #32497
      Harry
      Support Expired

      Hi,

      1,2. I help you move search next to icons and show socials icon.

      Please re-check your custom css code to correct position of search.

      to show flag you need install plugin for multilingual https://bit.ly/2wWCcGq

      3. I help you move add to cart button to below price

      4. Please change prev code to

      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 . '">' . $term->name . '</h3>';
              }
          }
      }
      add_action( 'woocommerce_after_shop_loop_item_title', 'category_single_product', 8 );

      Kind regards

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

    • #32498
      Harry
      Support Expired

      For 5,6 please contact to expert team at https://bit.ly/2Loo6ke

      Kind regards

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

    • #32499
      purplemedia
      Support Expired

      Hi,
      Thanks!

      1 and 2: The search field has to stay in the middle section and the cart icon has to go to the middle section. In the right section, only the socials and flags has to be there. Could you fix?

      7. There are now two layout-3.php in my child ftp after your work. Could you delete the wrong one?

    • #32500
      Harry
      Support Expired

      2. I help you move social icons to the right.

      7. The file layout-3.php you created not me. Please delete the layout-3.php in claue-child not in views > header.

      Kind regards

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

    • #32501
      purplemedia
      Support Expired

      2. Thanks, could you set the search field and the cart icon to the middle section right to FAQ?

    • #32502
      Harry
      Support Expired

      Please change custom css you add in claue-child > style.css to style for search field, remove top and margin

      And you want remove this space http://prntscr.com/of9n7g?

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

    • #32503
      purplemedia
      Support Expired

      I think you do not understand me.
      The search field and cart icon has to change to ‘jas-col-md-6’

      See attachments.

      Attachments:
      You must be logged in to view attached files.
    • #32506
      Harry
      Support Expired

      Please go to claue-child > views > header > layout-3.php and change as you want.

      Kind regards

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

    • #32507
      purplemedia
      Support Expired

      Okay, only my social icons are not visible in header?

      Could you fix that?

    • #32508
      purplemedia
      Support Expired

      And in my Primary Sidebar is my Claue Instagram not working: http://185.104.28.45/~zz/innovative-childhood-3/

    • #32509
      Harry
      Support Expired

      1. Did you revert file layout-3.php. I help you added code to generate social icons

      2. For Instagram on blog, you forgot update userID so it not work. I help you updated.

      Kind regards

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

Viewing 26 reply threads

You must be logged in to reply to this topic.