Latest updates make shop rev slider disappear

[lobsterass]

Hi!

I have updated WP, Neighborhood, Rev Slider and WooCommerce to the latest versions. This action created a new problem:

[rev_slider kop_vaggdekor] Rev slider on my shop page disappeared. Please see attached image. (Please disregard the 2 images of thumbs. I solved their issue)

I have deactivated cache plugin and deleted it’s cache folder on FTP. The issue was probably not created by a plugin because I haven’t added any new ones since the site was working correctly. Does it have anything to do with my custom CSS being old now? Please see it below.

Please help.

<3
A

figure.media-wrap .rev_slider_wrapper img {
height: inherit!important;
}
#footer h4:before {border-color:#333333;
}
#footer .widget ul li, #footer .widget_categories ul, #footer .widget_archive ul, #footer .widget_nav_menu ul, #footer .widget_recent_comments ul, #footer .widget_meta ul, #footer .widget_recent_entries ul, #footer .widget_product_categories ul{border-color:#333333;
}
.woocommerce-account .page-content h2 {
margin-top: 0px;
}
.product-navigation {
display: none;
}
.woocommerce div.product .entry-title {
display: block;
margin-bottom: 40px;
}
.woocommerce-page .page-heading {
display: none;
}
.woocommerce-count-wrap {
display: none;
}
.woocommerce-ordering {
display: none;
}
div.pp_woocommerce .pp_description {
display: none!important;
}
.faqs-wrap h3:first-child {
display: none;
}
#fullResImage {
height: auto!important;
}
.pp_hoverContainer {
left: 0;
width: 100%!important;
}
.list-best-sellers span.amount { display:none;
}
ul.products li.product .product-details {
float: none;
text-align: center;
}
.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products {
border-top: none;
}
.posted_in {
display: none;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price {
display: none;
}
ul.products li.product .product-details {
width: 100%;
}
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
text-align: center;
}
.summary-top .product-navigation {
position: absolute;
right: 0;
top: 20px;
}
.summary-top {
padding-bottom: 0;
}
#product-accordion {
display: none;
}
.summary .product_meta {
display: none;
}
.variations_form {
overflow: visible;
}
div.shop-actions.clearfix{
display: none!important;
}
.woocommerce .coupon input.input-text{width:61%;padding:12px 10px; }
}
.tp-bullets, .rev_slider_wrapper > .tp-leftarrow, .rev_slider_wrapper > .tp-rightarrow {
display: block!important;
}
@media only screen and (max-width: 768px) {
.tp-bullets.tp-thumbs {
display: block!important;
bottom: -70px!important;
}
.thumb-slider .open-item {
display: none;
}
.full-width-text h1, .full-width-text h2 {
border-bottom: 2px solid #222222;
display: inline-block;
font-size: 20px;
font-weight: normal;
line-height: 24px;
margin-bottom: 5px;
padding-bottom: 5px;
}
.header-shadow #header-section:before {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.tp-bannershadow.tp-shadow1 {
opacity: 0.3;
}
.filter-slide-wrap.span12.alt-bg.alt-one {
display: block!important;
}
.heading-wrap h5 {
border-bottom: 2px solid #222;
display: inline-block;
margin-bottom: 5px;
padding-bottom: 10px;
text-align: center;
font-size: 18px;
}
.spb_wrapper .heading-wrap {
text-align: center;
}
.spb_wrapper h6 {
font-size: 15px;
font-weight: normal;
text-transform: none;
}
.portfolio-item h2.portfolio-item-title {
font-size: 15px;
font-weight: normal;
line-height: 18px;
margin-bottom: 4px;
margin-top: 4px;
text-align: center;
}
.portfolio-item h3.portfolio-subtitle {
font-size: 13px;
font-weight: normal;
line-height: 15px;
margin-bottom: 4px;
text-align: center;
}
.filter-wrap ul li a {
color: #737373!important;
}
.filter-wrap ul li {
border-bottom: 1px solid #a9a9a8!important;
}
.filter-wrap ul li a:hover {
color: #47c1c5!important;
}
.spb_wrapper.slider-wrap .heading-wrap h2 {
border-bottom: 2px solid #222222;
display: inline-block;
font-size: 20px;
font-weight: normal;
padding-bottom: 5px;
}
.single-post .inner-page-wrap {
margin-top: 0;
}
.portfolio-details-wrap .date {display: none;
}
@media only screen and (min-width: 769px) {
/* IMAGE AREA */
.woocommerce div.product div.images {
width: 69%;
}
/* DETAILS AREA */
.woocommerce div.product div.summary {
width: 28%;
}

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you backup your css changes so then you can delete them and try the site without those modifications?
Remember to backup and to clear the cache.

-Rui

[lobsterass]

Hola!

Done. It doesn’t solve it unfortunately. Also, it doesn’t work exchanging the rev slider [rev_slider kop_vaggdekor] with another working rev slider from the other pages. It seems to me that it’s something with WooCommerce causing this.

<3
A

[Kyle – SUPPORT]

Have you tried deactivating WooCommerce to see if that fixes the issue? If so we will look into it

– Kyle

[lobsterass]

Hi Kyle!

Yes, I have deactivated WooCommerce…but that automatically deactivates my nav button SHOP. SHOP then defaults to portfolio.

I have also tried deactivating all other plugins. No change. SHOP page refuses to show any rev slider whatsoever.

I don’t get it! 🙂

<3

[Mohammad – SUPPORT]

Hi,
How and where did you insert revolution slider at shop page ?
Thanks
Mohammad

[lobsterass]

Hi Mohammad!

Ususally I insert rev sliders under “page slider options”. Please see image. I’ve done that here too but I have also put it the back end page code by using Swift page builder:

[blank_spacer height=”-40px” width=”1/1″ el_position=”first last”] [spb_revslider revslider_shortcode=”kop_vaggdekor” width=”1/1″ el_position=”first last”] [fullwidth_text alt_background=”alt-two” el_class=”pb0 mb0 mt0 bb0 bt0 no-arrow pb0″ width=”1/1″ el_position=”first last”]
Väggdekor shop

[/fullwidth_text] [spb_revslider revslider_shortcode=”blogg” width=”1/1″ el_position=”first last”] [blank_spacer height=”20px” width=”1/1″ el_position=”first last”] [spb_text_block pb_margin_bottom=”no” pb_border_bottom=”no” width=”1/1″ el_position=”first last”]

Med en självhäftande väggdekal från Monroe Design skapar du lätt en unik inredning. Tröttnar du på motivet, är det lätt att byta ut. Alla motiv kan beställas i nästan vilken färg och storlek som helst. Hör av dig om du inte hittar vad du söker, så skräddarsyr vi speciellt för dig.

[/spb_text_block] [blank_spacer height=”-20px” width=”1/1″ el_position=”first last”]

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

Hi @lobsterass

That shouldn’t have ever worked – the meta options on the shop page don’t take effect as WooCommerce changes this page to be an Archive page.

If you add the shortcode to the content area, then it should add the slider above the products though.

Odd, as nothing our end has changed in terms of this setup in any update recently..

– Ed

[lobsterass]

Hi Ed!

OK. If there’s nothing wrong with my custom CSS, if I have the latest versions of everything and if I have tried deactivating the plugins without nothing changing – where should I start looking for a possible mistake then?

<3

[Swift Ideas – Ed]

If you are trying to add a slider on the page which you have set as your “Shop Base”, then you’ll need to add the shortcode/page builder asset to the page content – all meta options are ignored.

– Ed

[lobsterass]

Hi Ed!

OK. Did that. The rev slider added by page builder don’t show.

I’m thinking it might be something I’ve changed on the FTP. What files should I reinstall there?

<3

[Kyle – SUPPORT]

It depends what files you have changed? It could be anything

– Kyle

[lobsterass]

Hi Kyle!

I’ve only made the changes I got from you guys in the support. I’m very detail oriented, so I doubt there’s a typo that I’ve made anywhere in the code. But we’re all human so it’s possible I’ve made an error anyway somewhere. 🙂

Here are the files I’ve made changes to on the FTP:
product-image.php
$image = aq_resize( $image_link, 800, NULL, true, false);

content-single-product.php
<div itemscope itemtype=”http://schema.org/Product&#8221; id=”product-<?php the_ID(); ?>” <?php post_class(); ?>>

<?php
/**
* woocommerce_show_product_images hook
*
* @hooked woocommerce_show_product_sale_flash – 10
* @hooked woocommerce_show_product_images – 20
*/
do_action( ‘woocommerce_before_single_product_summary’ );
?>

<div class=”summary entry-summary”>

<div class=”summary-top clearfix”>

<div class=”entry-title” itemprop=”name”><h1><?php the_title(); ?></h1></div>

<div itemprop=”offers” itemscope itemtype=”http://schema.org/Offer”&gt;

<p itemprop=”price” class=”price”><?php echo $product->get_price_html(); ?></p>

<meta itemprop=”priceCurrency” content=”<?php echo get_woocommerce_currency(); ?>” />

<?php if (!$catalog_mode) { ?><link itemprop=”availability” href=”http://schema.org/&lt;?php echo $product->is_in_stock() ? ‘InStock’ : ‘OutOfStock’; ?>” /><?php } ?>

</div>

js/functions.js
slideshowSpeed: 8000,

Here are the CSS changes which may have something to do with sliders and WooCommerce:

figure.media-wrap .rev_slider_wrapper img {
height: inherit!important;
}
div.shop-actions.clearfix{
display: none!important;
}
.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products {
border-top: none;
}
.posted_in {
display: none;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price {
display: none;
}
ul.products li.product .product-details {
width: 100%;
}
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
text-align: center;
}
.tp-bannershadow.tp-shadow1 {
opacity: 0.3;
}
.header-shadow #header-section:before {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.woocommerce-count-wrap {
display: none;
}
.woocommerce-ordering {
display: none;
}
.woocommerce-page .page-heading {
display: none;
}
.list-best-sellers span.amount { display:none;
}

Do you see anything suspicious?

<3
A

[Kyle – SUPPORT]

So when adding a slider pages builder asset on your shop page it does not appear?

– Kyle

[lobsterass]

Exactly. I’ve tried adding it in both normal ways I know (= page builder in the top of the page back end AND in the bottom of the page by assigning a hybrid slider. I was working before. Then I updated. No other sliders can be added either, so it’s no issue related to this specific rev slider.

<3

A