Search Results for 'css'

[Harry]

Hi Netmind,

1,2. Please enable plugin WPA WooCommerce Variation Swatches and follow our document http://janstudio.net/claue/document/#create-attributes and http://janstudio.net/claue/document/#create-product-color-swatches

3. Please create new page and add below short code to content of page https://prnt.sc/shxofy

[woocommerce_order_tracking]

4. Please add class “shop_table_responsive” for table https://prnt.sc/shy2jd

5. Please use only in Theme Option > General Layout > Custom CSS to easy manage code

6. It now you still can use Gutenburg for your site, let me know if you have any issue.

Kind regards

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

[Harry]

Hi,

I see you add custom CSS in Appearance > Customize > Additional CSS

input:not([type="submit"]):not([type="checkbox"]), textarea, select {
	width: 100% !important;
}

Please remove this CSS or if you override any element please add parent CSS class

Kind regards

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

[netmined]

Hi Harry,

We are finishing the set up for our second store on Claue and need your help with some features. With this one, we downloaded all of the demo (except images) and we would like to try setting it up based on the look of Home Page 5.

We have gone through the demo and document and figured many things out ourselves but here is what we still need your help with:

– On the page title, how do we get rid of the grey band of colour behind the title and make it transparent? And how can we change the colour of the page title? Can we do this ourselves without custom CSS code? Please let us know which fields we need to change.

– We have home page 5 loaded from the demo. Below the first main slide, there are three smaller rectangle images and then three larger images below that. Could you please advise what pixel size the smaller and larger images are which you are using in the demo? (we didn’t import the images so we can’t see it)

– Below this, in the ‘Our Products’ section, how do we get the correct products to be visible in the right categories – “Best Seller”, “Featured”, “Sale”? For example, we have a product which we loaded which is in the ‘sale’ category, but it doesn’t appear here. Also, the products ‘featured’ in woocommerce do not appear in the featured section here. And finally, the ‘Top Rated’ product feed is meant to be for the products with the best reviews, right? We set up a product with a 5 star review but it also doesn’t appear there. Can you advise on how to load up the correct product feeds?

– In the blog feed on the home page, we have loaded up a test post however the picture is cut off and smaller than the dummy image containers next to it. Could you please advise what pixel size the container should be? Also, how can we remove the “by Admin” and the date from the blog posts?

– In the footer, we used the code that was loaded up for the social share buttons (FB and Insta) in the demo. How can we make these links open on a new tab? Normally in the past we were able to add some css code to do this ourselves but the code that’s already there is a bit different to what we’re used to.

– Below the social shares in the footer, we have set up a widget to display reviews. Currently it displays a thumbnail of the product as well as the name of the product and user. We need it to display just the comment (or a part of it if it is too long), no picture and the number of stars. How can we tweak it to do this? (we did try the comments widget but this did not display the number of stars and still also showed the name of the user

– For some reason, the shop page now displays two menus on top – the home menu as well as a separate categories menu. Why is this and how can we remove this?

– How do we remove the SKU and categories tags from the product listings?

– We need to tweak the name of the “Delivery and Return” box on the product detail page – it should read “Delivery and Returns” – how/where can we change this? (we don’t care what it’s called in the back end, just to change it to be correct on the front end)

– On the backend, there are two blog pages created – both with WP Page Builder. Why are there two and what’s the difference between them? (It seems that the ‘Blog’ page is the normal default one which also feeds into the home page blog feed. So what is the ‘Blog standard’ page for and where does it show up?

– Instagram feed. We would like to be able to set this up as per the new rules which you published. We want to set it up on the home page and also on the sidebar. Do we need to download Elementor to be able to make that new instagram feed plugin work? Basically, we just want to be able get our feed displayed in exactly the same way as the demo. Could you please let us know if there are some specific pixel or height/width requirements for this?

– And finally, we noticed that in the demo, WP Page Builder was also used even for pages which had basic text only – no special columns or anything else. So we know for future when we need to create text only pages, any reason why you created this through Page Builder rather than just direct in WordPress?

Many thanks in advance for your help, much appreciate it.

[netmined]

Hi Harry,

When we set up this site, we didn’t import all of the demo or set up some of the addon/extra plugins. Now we would like to be able to add certain features and we would like to ask for your help with how to set some of these up.

– Sizes on products as buttons instead of a dropdown list. We would like to be able to have the size options as buttons but currently, even though we do have the Claue Addons plugin active, this does not come up as an option under Products – Attributes. Could you please advise how we can fix this?

– Setting up product image swatches. We would also like to be able to set these up. Is this through the Pin Maker plugin? Is there some kind of manual or document on how to do this? Could you please send us a link to one or let us know how to do this?

– How do we set up the order tracking as per the demo. And how does it work – what does it link to? Is it that we need to add a link to some universal 3rd party shipping tracking page like 17track and the customer is taken to this page or is there already some backend tracking website loaded up which executes the search? Please let us know how to set up the backend so it tracks orders properly.

– On our Shipping and Delivery page, we have very basic table inserted into the page to show the delivery timeframes per region. This works on desktop but is not completely mobile friendly so we would like to change this to the type of table you have in Shipping and Delivery page of the demo. How do we create this with Page Builder? Could you give us some of the basic settings to make sure that the table we create is responsive?

– Custom CSS fields. We notice that on top of the custom CSS field under the Claue tab, there is also an ‘additional CSS’ field in the Customise tab. Is there any difference to which place any custom CSS should go?

And finally, will you be working on making the theme Gutenberg ready or have you decided not to do this?

Many thanks in advance for your help.

[Harry]

Hi Nina,

1. For “SALE” please go to Loco > Theme > Claue but “SOLD OUT” the text so long, please add below code to Claue > Theme Option > General Layout > Custom CSS

.badge .sold-out {
	background: #999;
	width: 90px;
	height: 24px;
}

and change 90, 24 to your number and #999 with your color code

to change background of New and Sale please go to Theme Option > Color Scheme > Product Badge Color

8/10/ Please go to Loco > plugin > woocommerce > edit template > sync > save and back to translate and try again.

11. I help you adjust the footer left.

Kind regards

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

[Harry]

Hi Nina,

1. When you add sale price https://prnt.sc/sersdv for product it will show show “SALE” badge. When product Out of stock https://prnt.sc/sersqf it will show “SOLD OUT” badge Please add below code to increase the size of New badge in Claue > Theme Option > General Layout > Custom CSS

.badge span {
	width: 94px;
}

De
4. Please go to Loco > Plugin > WooCommerce. To setup Delivery please go to WooCommerce > Settings > Shipping

6. Please to go Loco > Plugin > WooCommerce

8,10. Please send me admin account and check in “Set as private reply” we need more check before help you.

Kind regards

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

[Harry]

Hi Anonim,

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

.woocommerce-product-details__short-description {
	display: none;
}

Kind regards

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

[Harry]

Hi Nina,

1. It now our theme only support “New”, “Sale”, “Sold Out” badge. You can change text by install plugin Loco Translate > Theme > Claue > and create new language as French and change the text as you want http://support.janstudio.net/forums/topic/theme-translation/

– You can change background color in Claue > Theme Option > WooCommerce > Product Listing Settings

– Let us know which badge you want show on left, which one you want show on right we will give you code. It now these badges fixed postion.

2. you can hide categories, tags, SKU by add below code to Claue > Theme Option > General Layout > Custom CSS

.product_meta {
	display: none;
}

3, 4, 6. Please use plugin Loco Translate and go to > Loco > theme > Claue > Edit French http://support.janstudio.net/forums/topic/theme-translation/

5. You mean have textarea for customter can add note, it has on checkout page https://prnt.sc/sd6ioh? Or if you want add your note to customer please go to Theme Option > WooCommerce > Cart & Checkout Settings

7. I’m sorry it only can show in description can’t show in You may also like or Related products

8. Please go to Loco Translate > Plugin > Pin Maker > Create French and find string to translate.

Kind regards

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

[netmined]

Hi Harry,

Thank you for the snippet.

It has put the currency symbol into the middle of the dropdown (instead of on one side) but the size of the dropdown box is still the same – too big.

So just so you know, we have copied below the css code we now have for all the Woocs currency switcher changes in Claue. Do we have some code there which is causing a conflict? (between the old and the new)

.woocommerce-currency-switcher-form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
outline: 0;
padding: 0;
color: #878787;
font-size: 14px;
cursor: pointer;
}
.woocommerce-currency-switcher-form {position: relative;}
.woocommerce-currency-switcher-form:after {
content: ‘\f107’;
position: absolute;
font-family: ‘FontAwesome’;
right: 5px;
top: 8px;
pointer-events: none;
}

.woocommerce-currency-switcher-form {
padding-right: 15px;
}

.woocommerce-currency-switcher-form::after {
top: -1px;
}
.woocommerce-currency-switcher-form select {
height: inherit;
line-height: 1.5;
}

.chosen-container.chosen-with-drop .chosen-drop {
left: auto !important;
background: #f6f6f8 !important;
border: none !important;
border-radius: 0 !important;
text-align: center;
right: -37px;
}

 

Please let us know how to adjust to reduce the box size.

Many thanks again.

[Harry]

Hi Bijoker,

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

if ( ! function_exists( 'jas_claue_wc_my_account' ) ) {
	function jas_claue_wc_my_account() {
		$output = '';

		if ( cs_get_option( 'header-my-account-icon' ) ) {
			$output .= '<div class="jas-my-account hidden-xs ts__05 pr">';
				$output .= '<a class="cb chp db" href="' . esc_url( get_permalink( get_option( 'woocommerce_myaccount_page_id' ) ) ) . '"><i class="pe-7s-user"></i></a>';
				$output .= '<ul class="pa tc">';
					if ( is_user_logged_in() ) {
						$output .= '<li><a class="db cg chp" href="' . esc_url( get_permalink( get_option( 'woocommerce_myaccount_page_id' ) ) ) . '">' . esc_html__( 'Dashboard', 'claue' ) . '</a></li>';
						$output .= '<li><a class="db cg chp" href="' . esc_url( home_url( '/orders-tracking/' ) ) . '">' . esc_html__( 'Order Tracking', 'claue' ) . '</a></li>';
						$output .= '<li><a class="db cg chp" href="' . esc_url( wp_logout_url() ) . '">' . esc_html__( 'Logout', 'claue' ) . '</a></li>';
					} else {
						$output .= '<li><a class="db cg chp" href="' . esc_url( get_permalink( get_option( 'woocommerce_myaccount_page_id' ) ) ) . '">' . esc_html__( 'Login / Register', 'claue' ) . '</a></li>';
					}
				$output .= '</ul>';
			$output .= '</div>';
		}

		return apply_filters( 'jas_claue_wc_my_account', $output );
	}
}

and add or remove with code

$output .= '<li><a class="db cg chp" href="' . esc_url( get_permalink( get_option( 'woocommerce_myaccount_page_id' ) ) ) . '">' . esc_html__( 'Dashboard', 'claue' ) . '</a></li>';

2. Please add below code to Claue > Theme Option > General layout > Custom CSS

.jas-my-account ul {background-color: #2c3561;}

3. I’m not sure it can save the customer’s phone number. It now the plugin only can save customer’s email to mailchimp server. Please check this plugin https://wordpress.org/plugins/wpforms-lite/ and check if this plugin can save number to a file or your website.

4. It only have way to reduce space between element of table not can do 3 columns on mobile and 5 columns on desktop.

Kind regards

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