How to change the add to cart button size on the product page ?

I can see there are many options of button size https://woodmart.xtemos.com/buttons/ but have no idea how or where it can be set up?

I would like to expand the add to cart button on the product page to make it wider.

Hello,

Button demo shows the Button elements of WP Bakery page builder. In order to change “Add to cart” button you will need custom CSS:

.product-image-summary .single_add_to_cart_button {
    font-size: 13px;
    line-height: 18px;
    padding: 12px 60px;   
}

Replace 60px in padding other value as per your needs and add this code to the Theme Settings > Custom CSS

Best Regards

Ok Boss – this code works like a charm.

And another qeuestions: How to decrase size of form in the header? I think it’s to hight and looks bulky now.

Hello,

Please add this code to the Theme Settings > Custom CSS:

.search-style-with-bg.searchform .searchsubmit {
    width: 40px;
    height: 40px;
}
.form-border-width-1 .search-by-category .input-dropdown-inner {
    height: 30px;
    line-height: 40px;
}
.searchform input[type=text] {
    height: 40px;
}

If you need to make narrower change the values as per your needs.

Best Regards

Perfect Master!

Any chance to switch the currency symbol in the price tag from the front to the end. Right now there is US standard where the currency symbol is before amount like this: “$99.00” and I would like to change it for EU standard like this “99.00 €” (currency symbol after price number with a space).

THX

Hello,

Navigate to Woocommerce > Settings > General tab and find this option http://prntscr.com/ktxnc1

Best Regards

That was easy – thank you.

Do you know how can I change the order of variants so that they are not alphabetically arranged only from the largest to the smallest?
Right now now it is in this order: L, M, S, XL,
And it should be in this: S, M, L, XL
http://www.clickmarket.pl/?product=obroza-apaszka-bandana-dla-psa

Thank You

Hello,

Enter the product variation and find this option http://prntscr.com/kvba8m

Best Regards

Unfortunately, it does not work. I arranged them from the smallest to the largest in “variants” but they are still sorted alphabetically.

These settings are in Attribiutes >> Size
However, I can not change their order. Even I will remove them and I add them again, they will reapply alphabetically …
http://www.clickmarket.pl/?product=obroza-apaszka-bandana-dla-psa

Attachments:

You must be logged in to view attached files.

Ok. I solved it.
It was in Products>Atribiutes and Change taxonomy

How can I change the style of the thumbnails. Now I this squared but I have seen on your movies that it can be just underlined.

Attachments:

You must be logged in to view attached files.

Hello,

These styles are stipulated by Alidswoo plugin http://prntscr.com/kvcbxc

This plugin duplicates the theme functionality, you can deactivate and configure swatches in the theme.

Or change this style and add to the Theme Settings > Custom CSS:

.adsw-attribute-option .meta-item-img i {
   border: none; 
    -webkit-box-shadow: none;
   box-shadow: none;
}

Best Regards

It seems that this code does not work but it does not matter anymore as I use dropdown menu.

Ia have other questions:

1. Where can I get these icons for menu?

2. Where can I get these icons for messege boxes and how to get this bar ( the red one in the attachment from marketplace demo?). Finally how to set it up above the footer on every page.

Thanks Boss

Attachments:

You must be logged in to view attached files.

Hello,

You can find icons on https://www.flaticon.com/

You need to:

1. Create the template in HTML block https://xtemos.com/docs/woodmart/html-blocks-2/
2. Navigate to the Theme Settings > Footer > Pre-footer area > insert the HTML ID of the created block.

Best Regard

Thank you for your previous reply.

I found nice icons from this page you sent me but have some issue with the text block alignment. Can you send me the HTML code for this red bar in the attachment? Thank you.

And one bug I found and do not know what causes it.
On some product page after scroll down a little and then stop in the moiddle of the site the page doesn’t stop scroling. It scrolls down itself. Weird. I don’t know it is some theme bug or rather issue or conflict with other plugin?

Attachments:

You must be logged in to view attached files.

Hello,

The red block is Promo banners in HTML added to pre-footer.

In order to get rid of scrolling, you need to deactivate the sticky product.

Best Regards

Ok thanks. I need to translate the registration page. When I am logged and open this page there is already dashboard inside user panel – but I need to transleate text before login/registration. Checkout the attachment.

And how to add registration – login options with Google/Facebook ??

THX

Attachments:

You must be logged in to view attached files.

Hello,

You can translate all theme and plugin texts via Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

You need to go to Loco > Plugins > Woocommerce to translate all the phrases, and in order to translate the text, navigate to the Theme Settings > Login/Register > Login and Register text https://gyazo.com/2cf5e1ae9085b4e9638a5caba7150140

Best Regards

Thank you Boss. I’ve translated most of the text except this one paragrapf in the attachment. It is and it was already translated to polish in LOCO plugin but on the site it still appears in english…

Attachments:

You must be logged in to view attached files.

Hello,

This text can be changed in Woocomerce > Settings > Account & Privacy you will find this text

Best Regards

Can you tell me please how to align this pop up window. I tried to align this for the last hour without success. This alignment function in WPbakery builder it is a total nightmare.

Please take a look at the attachment.
Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

I see the title there, at the same time you have configured it in a wrong way.

Provide site admin access and page URL to check what is wrong.

Best Regards

Ok Boss don’t bother yourself with this issue anymore. I solved it as I realized that I had original copy of this page so I could compare these two versions…

Where can I change the settings of background image on Ctegories Site and other like Privacy Policy site?

I forgot add the attachment.

Attachments:

You must be logged in to view attached files.

Hello,

Shop page and all the Categories pages: enter the page: Pages > Page > Edit and find Page settings http://prntscr.com/l0s0bi and find there the option to set the background and image (if necessary) http://prntscr.com/l0s0j0

The color which is set for the shop page will be also shown on all the categories pages, and all the pages not related to Woocommerce can have the individual color/image on heading.

Best Regards

THX but – in the Pages I can’t find these categories pages for instance like this:
https://www.clickmarket.pl/product-category/gotowanie/
https://www.clickmarket.pl/product-category/telefony/

I can only edit these sites through : Product > Categories and then edit a particular category. however there I can only set up icons and background for this category. And I would like to change allignment of this background image. Previously when I had Retail Demo chosen then this background was centered and it was responsive. Now is alignment to the top and when I try to narrow down browser window this image is stable – nothing happens (it looks bad on mobile also).

1. Hot to make this categories background image responsive and centered?
2. Now I’ve noticed that the main menu it folds not correctly when I change the width of browser wondow. Take a look at the attachmen. Any Idea how to fix it?

Attachments:

You must be logged in to view attached files.

Hello,

All the category pages will have one and the same banner set in the shop page. Background images are cut on responsive by their nature, regardless of the theme.

In order to correct menu, put it into the empty row in the Header Builder.

Best Regards

[Author]

Posts