Help with some additional features

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

[netmined]

Hi Harry,

Thank you very much for your quick reply, much appreciate it.

Regarding 1 and 2, the problem is that although we have the Claue Addons plugin, for some reason we don’t have the  WPA WooCommerce Variation Swatches as well as the WPA Woocommerce Product Bundle plugins installed. Are you able to send us a download link to those plugins or if not, would you be able to add them to the site?

4. About the responsive table, thank you for your tip but that wasn’t what we meant. You have already created a responsive table through the Page Builder, it is the size guide page which is in Claue and which has a few tables. We want recreate the table on this page for our shipping and delivery page. But we were not able to figure out how you did it. Could you please let us know how to recreate this table in Page Builder? Do we need to stick to some specific size/pixel sizes to make sure that the table is responsive?

Many thanks in advance for your reply.

[Harry]

Hi,

1. Please go to Appearance > Install plugin to install recommend plugins

2. You only need create normal table it will auto responsive but with less column about 4-5 columns and short text in column

Kind regards

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

[netmined]

Hi Harry,

Thank you very much for your help, all sorted! 🙂

[netmined]

Hi Harry,

We forgot to ask you, with the Variation Swatch plugin, ow do we change the colour/background colour of the sizing buttons to the colour we would like?

Many thanks in advance for your reply, we appreciate it.

 

[Harry]

Hi,

Please add below code to claue > theme option > general layout > custom CSS

.swatch.is-label .swatch__list--item.is-selected {
	background: #333;
	border-color: #333;
	color: #fff;
}

and change #333 and #fff with your color.

Kind regards

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

[netmined]

Hi Harry,

Thank you very much for this, really appreciate it. 🙂

By the way, is there any way that we can reverse the order of the sizes? At the moment the sizes start at 3XL and go to S. Could we swap this around in some way and start with S and then go up 3XL?

Thank you kindly for all your help, we really appreciate it.

[Harry]

Hi,

Please go to Product > Attributes > Size > Configure Term and Drag to re-order.

Kind regards

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

[netmined]

Hi Harry,

Thank you very much, that worked! 🙂

[Author]

Posts