Return to previous page

Home page - by Orna Ohayon - on WordPress WooCommerce support

This topic has 23 replies, 4 voices, and was last updated 9 years ago ago by Robert Hall

Orna Ohayon

Participant

March 14, 2016 at 14:32

Hi,
I have several Question for my home page:

1. I built a slider with image with Revolution Slider, but the images are very big, what is the best size for the image in full with, like on https://www.8theme.com/demo/legenda/home-page-4/

2. how do I delete the space between the header line and the image see the link: http://snag.gy/u5QrU.jpg – I like the result in https://www.8theme.com/demo/legenda/home-page-4/

3. On Our selected brands – I don’t see all the brands that have products, there are only four.

1. How do I create on my home page a product categories with visual composer?
I like to have 3 rows and in eche row 3 colomes, with image and text
like in the link:http://snag.gy/2Fqgl.jpg

Please, contact administrator
for this information.

#117328 Copied Theme version: LEGENDA - 8theme WordPress WooCommerce version: 2.5.5

22 Answers
Jack Richardson

Support staff

March 14, 2016 at 18:23
Hello,

1. On our demo original sizes of slides are 1,600px × 600px.

2. Add this code in custom.css file:

.page-content { padding-top: 0px; }

3. Add this code in custom.css file:

body.rtl.home.page .owl-carousel .owl-item { float: left !important; }

4. Try to use “Woo Product Categories” element in Visual Composer editor and set what categories you want to show and how many.

Best regards,
Jack Richardson.
#117377 Copied
Orna Ohayon

Participant

March 15, 2016 at 15:14

Hi Jack,
1. I put original sizes of slides 1,600px × 600px – but the It seems bigger then the demo.

2. Thanks, work grate.

3. I add the code but all the logos disappeared.

4. Do you have a link for video or an explanation of “Woo Product Categories” element in Visual Composer editor?

#117511 Copied
Eva Kemp

Participant

March 15, 2016 at 18:10
Hello,

1. You can change slider height in the rev.slider settings http://storage7.static.itmages.com/i/16/0315/h_1458061569_7655330_ba62b08995.png .

3. I’ve added this code in custom.css file:

.rtl.home.page .owl-carousel .owl-wrapper, .rtl.home.page .owl-carousel .owl-item { float: left !important; }

Please check brands slider now.

4. There is no such video. What issues do you have with that element?

Regards,
Eva Kemp.
#117537 Copied
Orna Ohayon

Participant

March 15, 2016 at 22:10

Hi,
1. Now that you change the slider high, the image is not responsive – I don’t see all the image, just part of it.

3. It grate, Thanks.

4. It very simple, but I don’t know how to do it:
I like to have in my home page STORE CATEGORIES, like on demo: https://www.8theme.com/demo/legenda/shop/

3 rows and in eche row 3 colomes, with image and text
like in the link:http://snag.gy/2Fqgl.jpg

#117561 Copied

Eva Kemp

Participant

March 16, 2016 at 09:01

Hello,

1. You can set your own custom sizes for slider in the settings I showed on screenshot.

4. I’ve added Product Categories element on home page and set to show 9 categories (so 3 columns per 3 rows). Check home page now. You need also add images for your categories in Products > Categories > edit a category > upload image in “Thumbnail” field.

Regards,
Eva Kemp.

#117582 Copied

Orna Ohayon

Participant

March 20, 2016 at 21:19

Hi,
I’m satisfied from my home page, but

1. I like to delete the text and the quantity of products under the category images.

2. I don’t seceded to change the image size of the slider
I don’t see all the high of the image
if I add new image in different size 1240*417px it seam not sharp and I don’t know why.

3. I like to have more space between the slider and Category headline
like on https://www.8theme.com/demo/legenda/shop/

lots of thanks,
Orna

#118152 Copied

Jack Richardson

Support staff

March 21, 2016 at 16:08

Hello,

1. I’ve added the following css code in custom.css:
.rtl.home.page .product-category h5 {
display: none;
}

2. Go to Slider Revolution > select your slider > Slider Settings > change Layer Grid Size for Desktop to your needs.

3. I’ve added 40px margin bottom in row settings as shown on the screenshot http://prntscr.com/ai2tay

Best regards,
Jack Richardson.

#118306 Copied

Orna Ohayon

Participant

March 22, 2016 at 07:43

Hi,
I don’t see that I have an option for desktop, I don’t see any button like on notebook, tablet and mobile.
http://snag.gy/JkUYO.jpg

Thanks for the others.

Orna

#118356 Copied

Jack Richardson

Support staff

March 22, 2016 at 09:56

Hello,

Change the values marked on the screenshot to yours http://prntscr.com/aieh9m.

Best regards,
Jack Richardson.

#118379 Copied

Orna Ohayon

Participant

March 22, 2016 at 18:01

Hi,
I hope I understand you right,
I changed the images value to 1240/600 in the Slider. but still the images in the slider are big and the images on the categories also not like on the demo.

I made screenshot for the demo home page 4 and my home page and pot the one on top of the other, you can see that the proportions are not the same.
http://snag.gy/KY8Mk.jpg

Regard,
Orna

#118472 Copied

Jack Richardson

Support staff

March 22, 2016 at 18:47

Hello,

I’ve set slider height to 500px http://storage4.static.itmages.com/i/16/0322/h_1458668851_5669708_0b3452e00d.png .
Please clear browser cache and check your site now.

Best regards,
Jack Richardson.

#118492 Copied

Orna Ohayon

Participant

March 23, 2016 at 06:31

Thanks Jack,
It solved the High problem, thanks for that. But it didn’t solve the full high image, if you will see in the slider the images have more body in the high and in my home page some how I see that the images are cut in the high.
I hope that I have explain my self properly (:

Regard,
Orna

#118530 Copied

Jack Richardson

Support staff

March 23, 2016 at 09:30

Hello,

Try to change Background Fit settings in your slider settings to these:
http://storage5.static.itmages.com/i/16/0323/h_1458721820_1071373_1987bb0c8b.png
Do this for all slides, don’t forget to save changes.

Best regards,
Jack Richardson.

#118560 Copied

Orna Ohayon

Participant

March 24, 2016 at 16:53

Hi,
I can’t make this setting, I get an error of Wrong request
http://snag.gy/zCqEb.jpg
Regard,
Orna

#118800 Copied

Jack Richardson

Support staff

March 24, 2016 at 19:07

Hello,

I was able to update all slides successfully. Please check slider now.

Best regards,
Jack Richardson.

#118828 Copied

Orna Ohayon

Participant

March 26, 2016 at 18:17

Hi Jack,
It’s not good.
as you can see on http://snag.gy/OTXDu.jpg
the image is not in the right proportion. The images appears distorted.
but when I reduces the window screen it’s look o.k.
http://snag.gy/SbZgR.jpg

pleas your help.
It need to be in your template of https://www.8theme.com/demo/legenda/home-page-4/

Best regard,
Orna

#119037 Copied

Eva Kemp

Participant

March 28, 2016 at 10:28

Hello,

What screen size are you checking?
Is it more than 1200px? If so it will be distorted, because your original image has size 1,240px × 600px and on larger screens slides images will be stretched, also you can set other Background Fit settings for your slides in the slider settings (try different options to see what exactly fits for you).

Regards,
Eva Kemp.

#119094 Copied

Robert Hall

Participant

March 28, 2016 at 10:34

Hello,

Our demo used the following style for sliders
background-size: cover; background-position: left top;
You can set them in Slider Settings->Source Setting. Please see screenshot:
http://prntscr.com/al0hk6

Regards,
Robert Hall

#119096 Copied

Orna Ohayon

Participant

March 28, 2016 at 11:43

Hi,
In my mail I get the order of:
Our demo used the following style for sliders
`background-size: cover;
background-position: 0% 0%;`
I did it and get: http://snag.gy/OICEs.jpg

Here I see you wrote : “background-position: left top;”
I did it and get: http://snag.gy/pQYhm.jpg

both are not goodת I can’t see the full images.
like: http://snag.gy/rK15U.jpg
http://snag.gy/T7OSv.jpg
and others

or the image size is not corect :1240*600px
or we need to add a cod that the image need to fit to slider

????

#119105 Copied

Robert Hall

Participant

March 29, 2016 at 08:48

Hello,

background-position: left top;
background-position: 0% 0%;`

It’s the same style.

Also please try to upload the image with the same size as in our demo template – 1171×400 px.
http://prntscr.com/alfv6w

Regards,
Robert Hall

#119197 Copied

Orna Ohayon

Participant

March 31, 2016 at 11:17

Hi Hall,
How can I say in the most simple words that I have been desperate to create a slide that will look good in every screen and will be responsive?
I purchased a template that should be Responsive
This template has Home Page 4 demo that looks just great
I created several times according to the sizes you provide me the pictures to build the right size slider
Nevertheless it does not work !!!
Something is wrong in your directions and I just wasting time whit no progress.
Please help
Orna

The last size that you gave me look like:
http://snag.gy/zNHgd.jpg

#119547 Copied

Robert Hall

Participant

March 31, 2016 at 13:56

Hello,

If you check our demo slider https://www.8theme.com/demo/legenda/home-page-4/ and the original image https://www.8theme.com/demo/legenda/wp-content/uploads/revslider/slider6/slide3.jpg you’ll see it’s cut too. Please note this is not related to theme settings, but to revslider plugin configuration. You need test different proportions for your images in Photoshop and reupload them.

Regards,
Robert Hall

#119567 Copied
Tagged: best selling, ecommerce, high quality, home page, responsive design, themes, woocommerce
Viewing 23 results - 1 through 23 (of 23 total)