Return to previous page

Issue with variable products in Chrome and Firefox

This topic has 8 replies, 4 voices, and was last updated 8 years, 7 months ago ago by Robert Hall

sifagroup

Participant

September 3, 2015 at 02:17

Hi,

We’re having issues with not being able to select a variation in the dropdown box on a single product page for a variable product in browsers other than Safari.

See this link here to test:
http://www.sifagroup.com.au/client/loulouby2/shop/fragrant-eco-soy-candles/small-soy-candle/

We’ve tried updating WooCommerce and the theme template to the latest version, but still having the issue.

If someone could look at this as soon as possible that would be great as we want to launch the website.

Please, contact administrator
for this information.

#84171 Copied

7 Answers

Eva Kemp

Support staff

September 3, 2015 at 08:27

Hello,

Please update the theme to the latest version.
Before update delete “woocommerce” folder in the directory wp-content/themes/royal/ and it’ll be reuploaded from a new theme package.
Also update all required plugins https://www.8theme.com/download-plugins/ .

Don’t forget to create back up of your files and database before starting update process!

(it’s for Legenda theme but the process is the same).

Regards,
Eva Kemp.

#84237 Copied

sifagroup

Participant

September 4, 2015 at 02:53

Hi,

I have done what you requested with the exact steps in the video and still having issues.

Can you please take a look as soon as possible, we’re meant to be launching today!

Thanks.

#84488 Copied

sifagroup

Participant

September 4, 2015 at 05:32

I was able to fix the issue by migrating the site to another dev server. I think Cloudflare was causing js conflicts.

I’ve moved it here: http://dev.sifaweb.com.au/loulouby2/

But there’s an issue with the cart widget, any ideas?

#84496 Copied

sifagroup

Participant

September 4, 2015 at 05:49

I’ve also tried updating the Rev Slider but it’s caused issues with the arrows.

#84497 Copied
Jack Richardson

Support staff

September 4, 2015 at 08:12
Hello,

Please add this code in custom.css to fix the issue with cart widget:
```
.header-type-4 .header .shopping-cart-widget .cart-bag .ico-sum:after, .header-type-4 .header .shopping-cart-widget .cart-bag .ico-sum:before {
  display: none;
}
```
Best regards,
Jack Richardson.
#84526 Copied
sifagroup

Participant

September 6, 2015 at 23:32

Thanks, that has fixed the cart widget issue.

What about the rev slider issue with the arrows not appearing?

Cheers

#84900 Copied
Robert Hall

Support staff

September 7, 2015 at 14:53
Hello,

I’ve commented the code in original style.css file:
```
.rev_slider_wrapper .tparrows {
  background-image: none;
  width: 45px;
  height: 45px;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #fff;
  text-align: center;
  font-size: 0;
  font-style: normal;
  text-indent: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rev_slider_wrapper .tparrows:before {
  font-family: FontAwesome;
  font-size: 30px;
  position: absolute;
  color: #fff;
  line-height: 41px;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rev_slider_wrapper .tparrows:hover {
  background-color: #fff !important;
  opacity: 1;
}
.rev_slider_wrapper .tparrows:hover:before {
  color: #252525 !important;
}
.rev_slider_wrapper .tparrows.tp-leftarrow.default {
  left: -40px !important;
  top: 50% !important;
}
.rev_slider_wrapper .tparrows.tp-leftarrow.default:before {
  content: "\f104";
  left: -1px;
}
.rev_slider_wrapper .tparrows.tp-rightarrow.default {
  right: -40px !important;
  top: 50% !important;
}
.rev_slider_wrapper .tparrows.tp-rightarrow.default:before {
  content: "\f105";
  right: -1px;
}
.rev_slider_wrapper:hover .tparrows {
  opacity: 1;
}
.rev_slider_wrapper:hover .tp-leftarrow.default {
  left: 40px !important;
}
.rev_slider_wrapper:hover .tp-rightarrow.default {
  right: 40px !important;
}
```
We’ll fix this issue in the next theme update too.

Please check slider now.

Sorry for inconveniences.

Regards,
Robert Hall.
#85082 Copied
Viewing 8 results - 1 through 8 (of 8 total)