Return to previous page

Mobile view: Load more button - by yaronb

This topic has 25 replies, 3 voices, and was last updated 5 years, 7 months ago ago by yaronb

yaronb

Participant

May 5, 2020 at 12:27

Hi how are you ?

1. The button – “Load more products” through the mobile – its white background.
you can not see a thing.

https://prnt.sc/sb8l0c

Can I please fix the problem?

2. Through Mobile, I am not clear where the Store Categories menu should appear?

Because this is a little different ..

Thank you

Please, contact administrator
for this information.

#235872 Copied Theme version: Lingerie WooCommerce version: 4

24 Answers

Olga Barlow

Participant

May 5, 2020 at 21:28

Hello,

1) Fixed.
2) It’s off-canvas tyle https://gyazo.com/0c52377534fa83327d09660148047d41
If you don’t like it you can change from Theme Options > WooCommerce > Shop > product page Layout > Sidebar Position For Mobile.

Regards

#235981 Copied

yaronb

Participant

May 5, 2020 at 21:45

Hey

With regard to Section 1
Lots of thanks – perfect

Regarding Section 2
It wasn’t strange to me,
It only appeared after the bug fix.
Thanks

I have another question about mobile display in the same area.
Something I just noticed ..

The pictures in the store category do not match one another,
One more up, the other down …
Can this be arranged please?
https://prnt.sc/sbiwgr
https://prnt.sc/sbiwpl

The intention is that everyone will be parallel.

#235992 Copied

Olga Barlow

Participant

May 6, 2020 at 00:19

Hello,

2) Bg color of that filter was dark and you skipped it probably. I have changed the bg color to pink to highlight it.

3) Can do nothing with it. Some products have the star rating, variations, title in 2 lines, other not. So, I can’t align add to cart button.

Regards

#236045 Copied

yaronb

Participant

May 6, 2020 at 00:30

As for the last paragraph

You can create a uniform static structure for the entire product,
Regardless of whether the mother has additional functionality for the same product.
Because even if missing, it does not affect the structure

It just doesn’t look good, it destroys the structure of the page

#236054 Copied

Olga Barlow

Participant

May 6, 2020 at 00:47

Hello,

You can try Masonry layout for your products http://prntscr.com/sblb9j It will help you to remove the gap http://prntscr.com/sblbj7 but then you will need to disable Infinite Scroll plugin because products masonry does not allow using of the infinite scroll.

Regards

#236064 Copied

yaronb

Participant

May 6, 2020 at 05:08

Hey

You confused me a little because I don’t really understand the connection between the two things,
At least not right now.

and hence ,

1. If I run one of Masonry’s options,
That it presents it as an optimization actually: https://prnt.sc/sbnqt6
I understand right that endless scrolling will become buttons?

My first question related to it, why can’t it work together?

2. Second question, which option to choose as a menu to try?
What do you think is most favorite, just don’t like trying things you don’t know for bugs: https://prnt.sc/sbnre9
And if endless scrolling, while stunning, doesn’t help save page load time either?

#236098 Copied

yaronb

Participant

May 6, 2020 at 05:13

Wow,
There are plenty of good advanced options here,
https://prnt.sc/sbnuju

You can take a look at this to know what best performance enhancement options are possible while optimizing,

For me, I approve of everything LOL

Experience only fears a bad influence …

#236099 Copied

Olga Barlow

Participant

May 6, 2020 at 09:10

Hello,

I meant not this global option https://prnt.sc/sbnqt6 but the local one: Theme Options > WooCommerce > Shop > Shop page layout > Masonry. It’s not compatible because masonry script take the height of the elements to place then one by one. If you use products Infinite Scroll that loads more products it changes the height of the page and causes overlap effect when new product appear over the previously loaded.

I would recommend Lazy loading for the images. And also use TinyPng service to optimize images before uploading to your media library https://tinypng.com/ It allows to optimize images a lot to reduce the size of your page and speed up the site because of this.

Regards

#236131 Copied

yaronb

Participant

May 6, 2020 at 11:42

Oh,

I’m confused now ..

1. Speed Optimization
Isn’t that Masonry’s?

Because what I listed above is what appeared to me …

In addition to everything OFF, can you help me with the proper setting of maximum optimization?

As for TinyPng I will use it even though I have a paid extension that works on the same idea. I have not yet installed it and the other extensions associated with my work.
Only at the end of development

2. Masonry
If this solves the problem of moving the product I would prefer to have a button there that will allow the user to move to the next page of his choice.

Although this is a fantastic idea!

For that, I have made as much experience as you can see:
https://prnt.sc/sbu1dq

But that didn’t solve the problem ….
Can it be fixed now while the button is in this status?

Thank you

#236157 Copied

yaronb

Participant

May 6, 2020 at 14:46

Hi Olga

I wanted to consult you to optimize your photos please with https://tinypng.com

I downloaded the site’s photo folder,
The truth is that I’m really shocked.

There are dozens upon dozens of unused files,
Also of the models, which are multiplied and there are sizes
And even database files, PHP, downloads I have no idea why it’s there at all

Anyway, I started optimizing,
And the truth that I’m really pleased has amazing results

but !

1. I want to delete the entire uploads folder and upload a new one.
The question of whether deleting an original folder and renaming it with the same name might cause problems?

2. I do not want to optimize all images but only those that will remain on the site topic at the site’s opening.

However, I know that every area of the homepage or other pages,
Some images with certain sizes are recommended for standard and maximum viewing.

It is possible to go up with larger or smaller sizes but not sure the display will be good.

like for instance ,

https://prnt.sc/sbycxm

https://prnt.sc/sbydxl

https://prnt.sc/sbyeea

https://prnt.sc/sbyes7

Would appreciate help

Yaron

#236196 Copied

Olga Barlow

Participant

May 6, 2020 at 20:20

Hello,

WP and WooCommerce generates different sizes for the original image to use them in appropriate place. For example there is no need to show full product image 1000×1000 at the shop page and WooCommerce generates 300×300 (depending on your settings) and uses it etc.
If you remove images that you used on your site for the banners, products etc from the uploads folder then you will lose them on the frontend. Actually it’s not related to theme. You can read more information about WP media in the WP docs I think.
That service has WP plugin (around 500 free optimizations limit) and allows to choose what images to optimize.

Regards

#236272 Copied

yaronb

Participant

May 6, 2020 at 20:57

Hey…

The differences between the platforms are known.
But I’m trying to find image compatibility.

I did a test through the alternator,
I swapped an image with sizes but it didn’t look good ..
I try to stretch her but with no success.
Now I’ve brought back the original image – and it’s not going to be the same again.
https://prnt.sc/sc5om0

Did you take some action to make it look like it did?

As for the photos,

So do you suggest that I download one image at a time, optimize and come back?

By the way, I found a file in the folder that should not be there, related to PHP,
I have no idea how it came about. I plan to clean them completely because it has no meaning.

#236290 Copied

Olga Barlow

Participant

May 7, 2020 at 14:16

Hello,

Every element with image, including Banner with the mask has the option of the image size and you can change it according to your needs http://prntscr.com/scl8rp
Original image was different https://xstore.8theme.com/elementor/demos/lingerie

I would suggest you to optimize images before uploading them to your WP Media library. In case you want to optimize images you already uploaded use the WP plugin from the Tiny PNG authors.

I’m not sure about PHP files in the uploads folder. Our theme does not load any PHP files to that folder. So, if you have any PHP there I would suggest you scan your WP installation by antivirus.

Regards

#236379 Copied

yaronb

Participant

May 8, 2020 at 03:10

Hi Olga

Unfortunately a gentle home won’t work out.

The products are not in a straight line. One against the other.

I turned off https://prnt.sc/scwy87

It doesn’t help unfortunately.

what are the options ?

#236468 Copied

Rose Tyler

Support staff

May 8, 2020 at 09:33

Hello Yaronb,

Could you, please, provide a screenshot of the problem for better understanding the desired result?

Regards

#236501 Copied

yaronb

Participant

May 9, 2020 at 18:55

Hi Rose Tyler

Product categories,
Through the mobile,
They are not facing each other.
One drop above, or the other below.

It’s not in direct line. coordinator.

You can see this as an example here:

https://tinyurl.com/y8s7lhwf

I tried to turn off the Masonry
See if it works out …

it does not help…
Even if it is in the OFF or ON position there is no difference.

I would really love a solution on this

Thank you

#236667 Copied

Rose Tyler

Support staff

May 10, 2020 at 09:04

Hello,

It is because of the different content – simple and variable products (not a bug, but predefined displaying). The masonry option won’t solve it.
Your own products will be all variable, all simple, or both types?
You can disable swatches displaying from Shop page via Theme Options > WooCommerce (Shop) > Shop elements > Variation swatches > Swatch Position + set min-height for titles and hide stars by custom CSS, then you will get > http://prntscr.com/se24bf Is this what you are looking for?

Regards

#236699 Copied

yaronb

Participant

May 10, 2020 at 15:40

I don’t know, I did what you told me before.

Obviously the products will change,
Each with its own data

Meaning that each product will have images, stars,
Price, Choice Options.

But you can still create a uniform template for all products,
The question of how to make it static.

I approached according to your guidance,

Here’s what I see: https://prnt.sc/se6ss7

Note that the product is not the same height as everyone else.

Please note that these are the options that also appear in the option you told me:
https://prnt.sc/se6tmc

I want the rest of the products to be the same in height, width.

This is a problem that appears on both mobile and computer.

#236744 Copied
Olga Barlow

Participant

May 12, 2020 at 13:21
Hello,

There is no such option to make all the products at the same height. If you want to align the add to cart button I would suggest you to disable variation swatched on the grid at the swatched settings and hide rating using following custom CSS

.content-product .star-rating { display: none; }

Then all the products will have only title, price and add to cart button.

Regards
#236891 Copied
yaronb

Participant

May 12, 2020 at 15:17

hello

Variation swatches are disabled as you know from previous messages
https://prnt.sc/sfdxvw

I installed the CSS code on the page.
https://prnt.sc/sfdz5l

But the display is still fine
https://prnt.sc/sfe02z

Another thing ,

This option does not help the store,
It only offers a solution to a display problem.
And not a solution that helps at this point.

Certainly the possibility that everything is presented
Stars, possible, etc. It’s more beautiful. And familiar.

Unfortunately from what I understand, this is a technical limitation that there is in the template,
Because it doesn’t exist in all the templates.

#236899 Copied

Olga Barlow

Participant

May 12, 2020 at 20:32

Hello,

1) I suggested to disable swatches not global on the site but for the grid only http://prntscr.com/sfk73u

2) You may try to display empty stars if your products do not have rating. But it requires additional customization and you should have PHP skills https://wordpress.org/support/topic/woocommerce-always-show-stars-even-with-no-reviews/

3) Products have the different number of title lines. It’s possible to limit number of the title symbols using theme options but I’m not sure if this is suitable for you. Besides at this moment all the products has the demo titles. We would suggest you to work on this moment whenyou add the real content. Maybe all the products will have 2 lines of the product name.

Regards

#236964 Copied

yaronb

Participant

May 14, 2020 at 22:15

Hey

With regard to section 1,

I have just responded to what you see in the photo.
But it still does not solve what I need
This only solves a display problem

This is a limitation of the template,

I’ll have to hire a programmer to fix this problem,

Because a product frame should always look the same
It doesn’t matter if it has options or stars
And a button should always look the same in a straight line

Unfortunately this is a significant aesthetic problem

#237307 Copied

Olga Barlow

Participant

May 15, 2020 at 13:10

Hello,

I’ll have to hire a programmer to fix this problem,

I suppose yes because we don’t have more options for this. You may submit a customization request here if you are looking for additional customization.

Regards

#237384 Copied

yaronb

Participant

May 15, 2020 at 14:00

I’ve found out about this programmer before
He’s not your programmer
It’s private

You just “recommend” it

I prefer your programmer

But I realized then that I would not get it, I would hire a programmer

#237389 Copied
Viewing 25 results - 1 through 25 (of 25 total)