Support Forum

Hi,

Please use this plugin https://wordpress.org/plugins/header-footer-elementor/

Kind regards

Hi,

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

.swatch.is-label .swatch__value {
width: auto;
min-width: 24px;
border-radius: 5px;
}

.swatch.is-label .swatch__list–item {
border-radius: 5px;
padding: 2px 5px;
}

Kind regards

Hi,

Can you send me the product link, i will check and help you solve the issue.

Thanks

Hi,

Please setup a product with these variation. I will check and give you solution.

And those variations will work more products on your site or only one product?

Kind regards

Hi,

I tried the account you sent but can’t access your site.

Please try the code

.swatch.is-label .swatch__list–item {
border-radius: 0;
}

.swatch.is-label .swatch__value {
width: auto;
height: auto;
line-height: 1;
border-radius: 0;
}

Kind regards

Hi,

It now your site running “Rey” theme. And I see the swatches work normal.

Do you want switch to our theme “Claue” and use plugin Variation Swatch included in our theme package and make the swatches like on the Rey theme or you just want change the size of swatches?

Hi,

I added sample CSS in Claue > Theme Option > General Layout > Custom CSS

.swatch.is-label .swatch__list–item[data-variation=”080×150″]::before {
width: 32px;
height: 55px;
}
.swatch.is-label .swatch__list–item[data-variation=”080×300″]::before {
width: 32px;
height: 110px;
}

Please copy code and add more add you want.

Kind regards

Duplicate code and  change data-varition value,  width, height

Kind regards

yes, i used only CSS.

We will update in future.

Thanks

Hi,

Can you list your tasks on our forum? I hard to check on mail.

And one task with one screenshot and link, it now hard to track your task.

Thanks

Hi,

1. Please create a widget area on top of shop page and add filter to this widget area
2.  I’m sorry the text is long while the mobile screen width is narrow and the texts cropped
3. Please add below code to claue > theme option > general layout > custom CSS

.product-info.mt__15 {
text-align: center;
}

4. On the mobile we change product gallery to one row and user can swipe to view. If product has more images, user have to scroll down more to view content and add to cart button

5. Please download the attach file, unzip and copy code because the code format changed when i post in forum

6. You need customize header layout 1 by copy file layout-1.php in claue > header to claue-child > header and add a field to show logo

Kind regards

You can set “new” badge for product to 50 days by edit product and add the day for “New Arrival” https://tppr.me/kZVfak

Kind regards

Please follow this to know how add new widget area https://codex.wordpress.org/Widgetizing_Themes

Kind regards

I added code to Claue > Theme OPtion > General Layout > Custom CSS in your staging site. Please check on it.

Kind regards

Did you remove code? I added before and check your site it work. Now i check your staging site all code removed.

Please download attach file for code.

Kind regards

Hi,

Please add more code

.swatch.is-label .swatch__list--item.disabled::before, 
.swatch.is-label .swatch__list--item.disabled::after {
top: inherit;
left: inherit;
transform: inherit;
position: inherit;
}

Hi,

1. Our theme not support drop-down select filter, you need a plugin to do like this

2. Please edit homepage scroll down to Page Layout Option > and turn off page title.

Kind regards