Home › Forums › Themes Support › Claue › Change product look on webshop
- This topic has 26 replies, 2 voices, and was last updated 4 years, 9 months ago by Harry.
-
AuthorPosts
-
-
July 11, 2019 at 8:44 pm #32420purplemediaSupport 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. -
July 11, 2019 at 10:49 pm #32425HarrySupport 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 -
July 12, 2019 at 2:52 pm #32442purplemediaSupport Expired
Thanks! First time your support, great.
How could I disable hover on product and set ‘buy’ button under the price. -
July 12, 2019 at 4:08 pm #32443HarrySupport 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 -
July 12, 2019 at 4:09 pm #32444purplemediaSupport Expired
Thanks! I want to build header like attachment. Could you help?
Attachments:
You must be logged in to view attached files. -
July 12, 2019 at 4:54 pm #32450HarrySupport 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 -
July 12, 2019 at 5:37 pm #32451purplemediaSupport Expired
Nice, I want the productpage like my attachment.
Could you help?Attachments:
You must be logged in to view attached files. -
July 12, 2019 at 5:47 pm #32453HarrySupport 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 -
July 12, 2019 at 5:55 pm #32454purplemediaSupport 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?
-
July 12, 2019 at 6:25 pm #32455purplemediaSupport 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. -
July 12, 2019 at 6:46 pm #32457HarrySupport 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 -
July 12, 2019 at 7:00 pm #32458purplemediaSupport 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. -
July 12, 2019 at 10:20 pm #32460HarrySupport 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 -
July 15, 2019 at 1:42 pm #32487purplemediaSupport ExpiredThis reply has been marked as private.
-
July 15, 2019 at 2:02 pm #32489purplemediaSupport 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. -
July 15, 2019 at 6:39 pm #32492purplemediaSupport 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. -
July 15, 2019 at 6:55 pm #32497HarrySupport 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 -
July 15, 2019 at 7:04 pm #32498HarrySupport 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 -
July 15, 2019 at 7:14 pm #32499purplemediaSupport 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?
-
July 15, 2019 at 7:20 pm #32500HarrySupport 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 -
July 15, 2019 at 7:28 pm #32501purplemediaSupport Expired
2. Thanks, could you set the search field and the cart icon to the middle section right to FAQ?
-
July 15, 2019 at 8:10 pm #32502HarrySupport 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 -
July 15, 2019 at 8:31 pm #32503purplemediaSupport 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. -
July 15, 2019 at 9:03 pm #32506HarrySupport 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 -
July 15, 2019 at 9:06 pm #32507purplemediaSupport Expired
Okay, only my social icons are not visible in header?
Could you fix that?
-
July 15, 2019 at 9:36 pm #32508purplemediaSupport Expired
And in my Primary Sidebar is my Claue Instagram not working: http://185.104.28.45/~zz/innovative-childhood-3/
-
July 15, 2019 at 10:19 pm #32509HarrySupport 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
-
-
AuthorPosts
You must be logged in to reply to this topic.