Return to previous page

Search form and product link - by GL Makeup

This topic has 11 replies, 3 voices, and was last updated 7 years, 10 months ago ago by Eva Kemp

GL Makeup

Participant

January 2, 2017 at 10:35

Dear 8theme Support team,

please help me in these issues. If the support does not contain these customization please write me to glmakeupacademy@gmail.com about the pricing.

1., I have installed the WooCommerce Product Search plugin. It works fine but there is some issue with the layout. I placed it to the language area in the transparent header. But you can’t see the results because it has transparent background, the width is too big, the title is line-through, the thumbnail has a border etc.

Please search on my site for example ‘ceruza’ and check it: http://makeupwebshop.hu/

It should looks like this demo: http://demo.itthinx.com/wps/

I wrote to the Woocoomerce plugin developers and they said it is a conflict with the theme.

2., I use the Wooswatch plugin which can generate swatches and direct link for product variations. On the shop page when you hover the small color images it change the product pictures and make different variable links. When you click on the selected variation it should to redirect to the selected color variation directly but it does not work. All link redirects to the default image.

Please check: http://makeupwebshop.hu/webshop/arc_smink/alapozo/

Here is the demo: https://phppoet.com/swatch/

The developer also said it is a link setting problem or theme conflict. For the direct links the Wooswatch use this built-in plugin: https://hu.wordpress.org/plugins/woocommerce-direct-variation-link/

3., I use the transparent header type.

Earlier you made me a custom css and on the home page I can use the ligth version and on other pages the dark version with this code:

.header-type-4 .main-nav .menu > li > a, .top-bar a span, .top-bar a {
color: black !important;
}
.home .header-type-4 .main-nav .menu > li > a, .home .top-bar a span, .home .top-bar a {
color: white !important;
}

It is very useful, but the logo and the small icons (account, logut, cart) looks a little bit strange.

Based on this method is it possible to use this http://makeupwebshop.hu/wp-content/uploads/2016/11/evana_type_trans_white_50.png light logo and white icons on the home page and use this http://makeupwebshop.hu/wp-content/uploads/2016/11/evana_type_ok_trans_black_50.png dark logo and black icons on the other pages?

I will very appreciate your help. Thank you very much in advance.

Please see the credentials in private content.

Have a nice day

Please, contact administrator
for this information.

#150673 Copied Theme version: 3.0.3 WooCommerce version: 2.6.8

10 Answers

GL Makeup

Participant

January 2, 2017 at 13:08

Helo,

additional info for #1 search plugin. I have also tried the 8 Theme Search Form. I works fine with right style in all pages except the home page. I think it is related to the custom light-dark transperent version customization (on home page after searching it “jumps” to the middle and you can not see the result bucause the fonts are white)

If you can customize this search form it is also ok for me (I think easier for you).

And two question for it:

– can I make the searching faster?
– can I modify the width the searching and the result fields (maybe with the width of the language area)?

Thank you in advance

#150678 Copied Theme version: 3.0.3 WooCommerce version: 2.6.8.
Jack Richardson

Support staff

January 3, 2017 at 17:51
Hello,

1. Remove !important from the code below in your custom.css file:
```
.home .header-type-4 .main-nav .menu > li > a, .home .top-bar a span, .home .top-bar a {
    color: white !important;
}
.header-type-4 .main-nav .menu > li > a, .top-bar a span, .top-bar a {
    color: black !important;
}
```
Then add this code:
```
.et-search-result a, et-search-result a {
    color: black;
}
```
As I see search form has languages area width http://storage8.static.itmages.com/i/17/0103/h_1483462200_5969830_df09356979.jpeg . Do you need to increase search results form?

2. Could you please check if the problem persists only with our theme or with default Woocommerce Storefront too https://woocommerce.com/storefront/ ?
Please let us know the result.

3. Please add this code in custom.css file:
```
.home .login-link:before, .home .register-link:before, .home .header-type-4 .shopping-cart-link:before, .home .search-link:before {
   color: white !important;
}
```
As for the logo, unfortunately there is no such feature. Sorry.

Best regards,
Jack Richardson.
#150778 Copied
GL Makeup

Participant

January 3, 2017 at 19:06

Dear Jack,

thank you very much for quick help.

1., and 3.,

Maybe I was not clear, sorry for that. I would like the following:

A., On Home page

– menus, wishlist, account, logout and small logos besides these: color WHITE
– font color in 8theme search results field: BLACK

B., On all other page

– menus, wishlist, account, logout, cart title and small logos besides these: color BLACK
– font color in 8theme search results field: BLACK

http://storage8.static.itmages.com/i/17/0103/h_1483462200_5969830_df09356979.jpeg Yes, I would like to increase the width of the search field and results field.

And on the home page when you search something the field jumps in the middle and after back – it is very strange. (on other page does not) Can I do something with it?

2., I have tried and the problem is the same with the Storefront theme as well.

Thank you in advance

Have a nice day

#150787 Copied Theme version: 3.0.3 WooCommerce version: 2.6.8
Jack Richardson

Support staff

January 4, 2017 at 16:48
Hello,

1. Please use this code for search form:
```
@media (min-width: 1200px){
.et-mega-search form input[type="text"] {
  width: 300px;
}}
```
Set width value to the one you need.

Also please provide WP Dashboard credentials in private content.

2. Then the problem is related to Wooswatch plugin, not to the theme.
You need contact the plugin authors.

Best regards,
Jack Richardson.
#150869 Copied
GL Makeup

Participant

January 4, 2017 at 17:50

Helo Dear Jack,

thank you, the width works fine.

For the white and black colors and the “jumping” search field effect please see the credentials in private content.

Thank you in advance

Please, contact administrator
for this information.

#150889 Copied Theme version: 3.0.3 WooCommerce version: 2.6.8

Jack Richardson

Support staff

January 5, 2017 at 17:25

Hello,

Have you copied whole parent style.css to custom.css?
This is incorrect.
Remove original css code in custom.css file and leave only your custom code.
Then reply back to us.

Thank you.
Best regards,
Jack Richardson.

#150972 Copied

GL Makeup

Participant

January 5, 2017 at 21:16

Helo Dear Jack,

I am sorry friend but I can see it is too difficult to use the transparent header.

I would like to set back the header type #2 and it will solve the problems. But I can not, maybe when you set me the transparent type you did some modification.

(When I logged into the admin panel I can see header type 2 on the frontend but when I log out I see the transparent header, and also in incognito browser mode – very strange)

Please help me set this header type.

And a small thing. In header type 2 cart widget area there are 2 cart icons – one beside and one above the cart title. Is it a bug? Can I remove the cart icon above the title?

Thank you and sorry for the inconvenience

Please, contact administrator
for this information.

#150986 Copied Theme version: 3.0.3 WooCommerce version: 2.6.8

Jack Richardson

Support staff

January 6, 2017 at 17:17

Hello,

There was caching issue.
I cleared the cache in W3 Total Cache plugin settings.
Please clear browser cache and check the site now.

Best regards,
Jack Richardson.

#151088 Copied

GL Makeup

Participant

January 9, 2017 at 12:04

Dear Jack,

it works fine.

Thank you very much for your kind help.

#151249 Copied

Eva Kemp

Support staff

January 9, 2017 at 17:29

Hello,

You’re welcome.

Regards,
Eva Kemp.

#151283 Copied
Viewing 11 results - 1 through 11 (of 11 total)