Product – scrolling image

Hello,
I have a problem with scrolling image feature on Basel.
I have some description that scrolls to 2nd picture but then it dissapears. How can I get description to be visible all the time on product page?

Hello,

Thank you very much for choosing our theme and for contacting us.

Please provide the site admin access to the private area and page URL with the problem.

Best Regards

Answer below in private 🙂

Hello,

You have set Image scroll in the Theme Settings > Product page https://prnt.sc/qbombv

Just change the product page design in this option.

Best Regards

Yea but please check this product: http://www.watchbay.m16.pl/zegarki-biznesowe/gruppo-gamma/divemaster/gruppo-gamma-divemaster-dg-08/. Once you scroll down, the description just dissapears.
Screenshot of what i mean in attachment.
I think it’s because of long description, although this sidebar with description should stop scrolling down once it gets to the delivery section (currently when it touches “delivery” it just dissapears).

Once again my screen shot -> https://prnt.sc/qbq2qu

Hello,

Please have a look at how it works on our demo page https://demo.xtemos.com/basel/shop/woman/virror-detail-cape/?productsticky

The short description stays sticky until the moment when the page has been scrolled to the main Description field.

Best Regards

Okey, we got that.

I have one more question – how can I get opacity 0.5 on black background when product is zoomed? For example here – http://www.watchbay.m16.pl/akcesoria/spoleto-collection-brazowy/

Can i make it by CMS or do I need to use CSS? What CSS code if you could send me 🙂

Hello,

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

body .pswp--open {
	background:red;
	opacity:0.5!important;
}

Set the background and opacity as per your needs. If you do not want to change the color remove the line background:red;

Best Regards

Please check any product. Now not only background has opacity. Product picture got that CSS class aswell.

Hello,

Please replace the provided code with this one:

body .pswp__bg {
background:rgba(0,0,0,0.5);
}

Please copy the code from the forum, not from the e-mail.

Best Regards

Okay, I got that aswell 😀 Thanks a lot!

How can i get my custom font? I need both Averta and Bebas Neue.
I get error that because of safety I cannot upload .woff.
I got .ttf on WordPress but it uses Arial anyways.

Hello,

In order to solve the security problem.

1. Add this line to the wp-config.php file: define( ‘ALLOW_UNFILTERED_UPLOADS’, true );

2. Upload all files formats

3. Remove this line from the wp-config.php file

If you have file size problem, contact your host support to solve this issue.

Best Regards.

Thanks, I will try this in a second.
Could you please check one of our products? http://www.watchbay.m16.pl/zegarki-biznesowe/meccaniche-veneziane/redentore/redentore-milanese-1205007m/
We’ve changed product page design to default and now product picture is very small. Product image width is set to large.
Should I make changes with CSS (if yes, what CSS) or some options is theme? I want this picture to be stuck to the description – we need large pictures 🙂

Hello,

If I follow you properly, you need to enable the option Product page design – Image scroll in the Theme settings > Product page. You will get the effect like this: https://demo.xtemos.com/basel/shop/woman/virror-detail-cape/?productsticky

Best Regards

We’ve changed the layout on default on purpose. The problem is that the picture is like 1/3 of the width, then there is blank space and description.

We want picture to be stuck to the description, miniatures would be underneath the product picture.

How can I do that?

Attachments:

You must be logged in to view attached files.

Hello,

Seems you are using a plugin on the product page, disable it and we shall check how it can be set to have a good view or contact the plugin support to fix it. HTML structure does not allow solving it by custom CSS. Such modification requires complicated code customization which is not covered by our support.

Best Regards

Wow, thanks you’re awesome.

Btw. I’ve tried to add define( ‘ALLOW_UNFILTERED_UPLOADS’, true ); in my wp-config.php but I still cannot add neither .woff nor .woff2 files. What can I do?

Hello,

Please contact your hosting support on this issue or try to upload via FTP. Our theme does not influence this problem and has no options to correct.

Best Regards

Hello,

I will contact them, thanks.

Next question – on category page (for example here: http://www.watchbay.m16.pl/zegarki/) we got load more button. On top right we have “showing 1-12 of 157 results”. Once we click load more button, these values don’t change.

Is it possible to change it to 1-24 when we load more products on category page?

Hello,

It will work in this way provided pagination is set. It does not work with infinite scrolling.

Best Regards

Hello,
how can I manage to change that space between menu bar and menu that displays on hover? Screenshot in attachment

Attachments:

You must be logged in to view attached files.

Hello,

I cannot reproduce the problem https://gyazo.com/55e83cf09b9bc79d2ad065b7e5385ff9

Have you already solved the problem?

Best Regards

Hello,
I forgot – you have to scroll down the page 🙂

Hello,

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

body .main-header:not(.header-vertical) .basel-navigation .menu>li.callto-btn.item-event-hover:hover>.sub-menu-dropdown{
	  top: calc(80% + 20px);
    top: -webkit-calc(80% + 20px);
}

Best Regards

[Author]

Posts