Return to previous page

Instagram widget - by galiboy - on WordPress WooCommerce support

This topic has 17 replies, 3 voices, and was last updated 5 years, 8 months ago ago by Olga Barlow

galiboy

Participant

February 23, 2019 at 14:14

Hello,
I want to change the size of the Instagram pictures shown with the eight theme instagram element.
I can choose only between thumbnail, medium and large.
I would like to choose the 320px x 320px image size from instagram. Where can I change this?
thank you for your replay!

#209693 Copied Theme version: 5.1.6.1 WooCommerce version: 3.5.4

16 Answers

Muhammad Zaki

Support staff

February 23, 2019 at 14:37

Hi there,

By default Instagram API returns following standard image resolutions
thumbnail (150 x 150)
low_resolution (320 x 320)
standard resolution (640 x 640)
undocumented large image (1080 x 1080)
We use thumbnail, standard resolution and large image http://prntscr.com/k6zo6b
If you provide FTP and Dashboard access we can also add low_resolution (320 x 320) but then Instagram images will be blurred on the large screens because image block is bigger.

Regards

#209694 Copied

galiboy

Participant

February 23, 2019 at 14:59

Thank you for your fast replay.

Please contact administrator
for this information.

#209695 Copied

Muhammad Zaki

Support staff

February 23, 2019 at 15:45

You are welcome!

Best regards

#209696 Copied

galiboy

Participant

February 23, 2019 at 17:19

Hello Helen,

Can you please support me with the low_resolution (320 x 320) pictures on instagram?
like mentioned in the private post before i noticed
i noticed that i choose 6 pictures but it displays only 5
also the stop auto play on mouse hover is not working

thank you!

#209698 Copied

galiboy

Participant

February 23, 2019 at 18:46

solved the issue with the smaller pictures.
could not solve the 5 items instead of 6 and stop auto play on mouse hover

can you support me with this?

thx

#209700 Copied

Muhammad Zaki

Support staff

February 24, 2019 at 09:49

Hi there,

Sorry, did not see the Private content at once. Please, check the 8theme Instagram settings element https://gyazo.com/2ab696b6bc5566c40756eef1e9eeedcb if you have the Auto play disabled. The same with the products, if you have set there the necessary quantity, and it does not work, clean the cache.

Regards

#209715 Copied

galiboy

Participant

March 2, 2019 at 13:30

Hello,
all is selected correctly in the instagram settings tab.
the idea is that the maximum number of elements appearing are 5 and i selected 6 (for large screen)
on large screen the stop by mouse hover is not working.
on small screen (phone) the slider is sliding all pictures at once. I have set 2 pictures for small screen and both are changing at once. On large screens (where i see 5 pictures) only one picture is changing. This issue with the slides i have also for the product elements.
Can you support me to fix this issues?
the instagram element is on the homepage https://bioaleea.ro

thank you!

#210283 Copied

Muhammad Zaki

Support staff

March 3, 2019 at 09:05

Hello,

Thanks for getting to us. Please, be so kind to hold on till tomororrow morning till our managers be available to check your request. Thanks

Regards

#210300 Copied

galiboy

Participant

March 6, 2019 at 07:21

hello,
Any solution here?
thank you!

#210467 Copied

Olga Barlow

Support staff

March 6, 2019 at 10:16

Hello,

Did you edit the page code using default editor to add links? It breaks the page structure http://prntscr.com/mtyc9i Don’t do this! Use the columns settings to add links for the columns http://prntscr.com/mtyf8v To change the number of slides use Instagram element options for the slider http://prntscr.com/mtyg3qColumns option works only if you don’t use the slider.

I have passed your issue with pause on hover and number of elements that slide on mobile to our developers. I’ll inform you once they find the reason of the problem.

Regards

#210476 Copied
Olga Barlow

Support staff

March 6, 2019 at 11:01
P.S. We found that you copied all the minified CSS styles of parent theme to child theme. Why did you do that? Child theme is created to overwrite only some styles that you want to change, not all the parent theme styles. For example, you want to change the bg color for the buttons then you need to add the only code below to the child theme style.css
```
.button, .btn, input[type=submit], form button {
    background-color: #cbeaeb!important;
}
```
You would face style issues after the next theme updates because you won’t get the fix of the style bugs because of your overwriting.

Regards
#210477 Copied
galiboy

Participant

March 6, 2019 at 18:09

Hello Olga,

1
Thank you for your replay and for the help with the instagram slider. The stop on hover looks fine now. On small screens it is changing all visible pictures at once, is there a possibility to change it one by one like on large screens? I’m asking because it affects the auto replay speed.
Yes, i inserted code using the default editor because the column settings is handled by Massive Addons for WPBakery Page Builder and it is using a lot of JS resources in page load, reducing the page load speed. I tried to limit the requests made for loading the page and to deactivate this plugin since i dont use any other element of it. I feel like the page is loading slowly.
Ok we can can add cote to the row using the column setting extra tab, but how can I add a link to a Separator with text? I also inserted here code in the Classic mode. Is there a different solution?

2
Yes I tried to reduce the space of any CSS file since by overriding the elements I had a big CSS file size. I minify the CSS file by removing the spaces. Unfortunately I still have a lot of parameters that i dont use at all in my site. Your theme is nice but it has a lot of CSS and JS and it is slowing the page load (especially on mobile).
If there is a better solution to reduce the file size of the CSS and JS loaded please tell me.

Thank you!

#210523 Copied

Olga Barlow

Support staff

March 7, 2019 at 10:18

Hello,

1) Ok, we’ll try to fix problem with images sliding. I’ll inform you once our developers finish.
You can’t wrap the WPBakery shortcodes to a tag because it breaks the elements. By default neither text element nor separator with text, column have the link option. Massive addons plugin allows you to add the link for your column. If you want to disable this plugin and don’t use this option and want to use a tag then use either use default elements that have the link option (for example custom heading http://prntscr.com/muhee8 , banner http://prntscr.com/muhgpv ) or HTML element http://prntscr.com/muhby5 and HTML code + custom CSS to create divs like banners, and heading like text with the separator.

2) Point is that you did not reduced file. Because you can make parent theme style.css minification using cache plugin and minification option and there is no need to copy minified styles to child theme! But you just copied whole file http://prntscr.com/muhiev and changed only some styles to redesign some elements. Child theme style.css is not created to overwrite the whole style.css of the parent theme but just to add some of your custom styles in addition or overwrite only some local styles. For example http://prntscr.com/muhmjv
Do you understand me? So, I would recommend you to split the custom styles and parent styles and leave in child theme only custom styles(you can use the minified form if you want).

Regards

#210550 Copied

Olga Barlow

Support staff

March 7, 2019 at 17:02

Hello,

We have fixed the number of slider per scroll on mobile devices.

Regards

#210584 Copied

galiboy

Participant

March 7, 2019 at 20:42

Thank you very much! Now the sliders are working well also on small screens.
I understand your explanation about the CSS and I will look into it.

Still is there any possibility to exclude CSS code from the CSS file on mobile devices (i saw that about 50% from the code is unused on mobile)? Thank you in advance for any extra support.

#210597 Copied

Olga Barlow

Support staff

March 11, 2019 at 12:48

Hello,

You are welcome.
No, not 50% but some code is overwritten according to different mobile devices. At this moment we don’t have separate CSS files with styles for the mobile devices and desktop.

Regards

#210712 Copied
Viewing 17 results - 1 through 17 (of 17 total)