alfista

Hi,

please when you are so good with WP and CSS, can you help me with something others?
I try to change showing of TAG, while I will have instead of text placed there the pictograms and when I have create my own CSS style for it it will not work.

.tag_styles li a{
    background-color: cornflowerblue;
    width: 50px;
    height: 50px;
    margin: 5px;
    text-indent: 100% !important;
    white-space: nowrap;
}
.tag1{background-image: url("https://www.grand-tech.eu/2/wp-content/uploads/2017/07/waterproof.gif");}
.tag2{background-image: url("dust.gif");}
.tag3{background-image: url("shockproof.gif");}
.tag4{background-image: url("temp.gif");}
.tag5{background-image: url("acid.gif");}
.tag6{background-image: url("wheels.gif");}

and I place it on the page over this code:

<?php echo wc_get_product_tag_list( $product->get_id(), '', '<ul class="tag_styles"><li class="$product">', '</li></ul>' ); ?>

but I have there still the same text. Only when I put the background-image code to the .tag_styles, then it will be visible but cropped and stretched. And also is there still see the original text.

Please Can you help me with it and tell me how to resolve it?

Thanks.

It’s a pleasure ??

And you are great with so fast response and help ??

Thanks.

Hi,

thanks, now its OK :-).
I know that your plugin offers more features and possibilities to add more table styles and change between them, but now I needed only to change (modify) only one table.
But when I will have more time I will learn how to have more table styles and then choose from them as needed ??

Thanks.

I do all on Mac in Safari, maybe then there is the problem.
I have now also check it in Explorer, and they do the same, maybe worser.

It looks that there are problems in the applications.

Thanks.

And it will not remove the tag name text.
I thing there will be needed to use another function, not wc_get_product_tag_list, which will only get the tag ID’s from the system and this ID’s will be added to this class:
<li class="$product">
But I don’t know how to do it, while I’m new in it this part of coding.

Thanks.

Hi,

it doesn’t work.
When I put the CSS part with aground image to the .tag_style then I have the image thereabout it cropped and resized.
When I have the img links as next styles under .tag then it will not work. Isn’t necessary to add something to the .tag_style that it knows that it should use the .tagx styles? And how in the php command is set, that it choose the style .tag_style with the correct .tagx style?

I use now the CSS style:

.tag_styles li a{
	text-indent: -100000px;
    background-color: cornflowerblue;
    width: 50px;
    height: 50px;
    margin: 5px;
background-image: url("https://www.grand-tech.eu/2/wp-content/uploads/2017/07/wheels.gif");
}

and the php code where you have added
<li class="$product">
should nod be also in the class told that it is the .tag style and the $product gives only the number of the correct tag ID?

Please try it more times. I have it on my small server where I test all before I release it on the big server.
Try it from this link: https://www.grand-tech.eu/2

I thing all problem is that I make some mistakes in the CSS.

Thanks.

• This reply was modified 7 years, 8 months ago by alfista.

Hi,

I have seen it but not. It doesnt add the fields to the shipping tab by the products on the admin side which are then shown in the Additional Information Tab on the product page.
As default are there now the weight and dimensions and I will to add there more, while this two are not enough for me.

I have put it where needed and changed, but it will not work.
You can see what i have put and where on the message above (I edited it). But it still will not work.

Hi,

please can you tell me what I have done wrong, while it will not work.

1. I added to the CSS customizer this code:

.tag_styles li a{
    background-color: cornflowerblue;
    width: 50px;
    height: 50px;
    margin: 5px;
}
.tag1{background-image: url("waterproof.gif");}
.tag2{background-image: url("dust.gif");}
.tag3{background-image: url("shockproof.gif");}
.tag4{background-image: url("temp.gif");}
.tag5{background-image: url("acid.gif");}
.tag6{background-image: url("wheels.gif");}

Then I changed the meta.php from woocommerce to:

<?php echo wc_get_product_tag_list( $product->get_id(), '', '<ul class="tag_styles"><li>', '</li></ul>' ); ?>

And the result on page is:

https://www.grand-tech.eu/2/product/small-case-dc-171305x/

• This reply was modified 7 years, 8 months ago by alfista.
• This reply was modified 7 years, 8 months ago by alfista.

Hi,

I use some attributes, but I need to add some fields to the shipping tab, while I have there not enough informations. For example: there is only one weight and dimensions, but I need to weights (with and without filling), dimensions (Internal and external) and all these isn’t good to have over attributes.

I need to add the fields here:

That I can then see it here:

The Product Data are renamed Additional Informations Tab, where I will see the fields, and I would like that they are also be used in Compare Product system, as all the already existing fields in Shipping Tab.

Thanks.

• This reply was modified 7 years, 8 months ago by alfista.

Thanks. I now where I make first mistake. I have changed to this settings and it works, but I have not correct link.

I have it now: https://www.grand-tech.eu/2/product/waterproof_cases/middle_cases/slug/

and I will have it: https://www.grand-tech.eu/2/product/waterproof_cases/middle_cases/small-case-dc-171305x

or better will be if it can be as a web page with .html.

Please can you help me how to correct it?

• This reply was modified 7 years, 9 months ago by alfista.

Thanks. I have already asked there.

Hi, is here anyone who can help me with the permalink problem?

Thanks.