Side bar / shop page

[arnaudlx]

Hi Guys,

Thanks you so much for already all the help.
– Could you tell me how we can do less large sidebar? Please see enclosed, it take to much space and so all the right part ( text + shop is too small). I d’like smaller lines.
– Plus could you tell me how we can choose the order of the products in the shop page. I know there is filter for the client but before they do filters, when they load the page, I would like to show one special order.
– and all the page can be designed thank to meta option. But not the shop one… How can I choose that my hero page style shop has to be 500 Hero Heading Height? or that I don’t want breadcrumbs. There is no meta option in the shop page. And by the way, same thing here I d’like a smaller sidebar here too.

Thank you

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

1) Looks like you are already using the reduced sidebar width. Please test this CSS:

aside.sidebar.left-sidebar.col-sm-3.col-sm-pull-9 {
    max-width: 20%;
}

2) You can change the order here: WooCommerce => Settings => Products => Display

3) Theme Options => WooCommerce Options => Shop Options.

Thanks

[arnaudlx]

Hi, thanks for your answer.

1/ could you tell me in which files I should put the CSS as it seems it is not in Theme option > custom CSS ( please see enclosed)

2/ The thing is I want to do my own order. But it seems the only way to do it is to put a number before every product as it follow only alphabetical order. And this not really a solution for me. Could you tell me what other solution we have?

3/Theme Options => WooCommerce Options => Shop Options: there we can only choose if we want a hero style. But there is not the option for the heigh or the breadcrumbs or even to choose the title of this page.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

1) Ignore that message, it’s not overqualified, needs all of that to work.

2) Please contact WooCommerce Support to see if there’s a way to display products in alphabetical order. The theme does not control this

3) You would need to use CSS, do you want to remove the breadcrumbs? what height do you want the page title?

– Kyle

[arnaudlx]

Thanks Kyle,

1/ ok so I did it but here is no change. Please see enclosed, do you see anything wrong? I did enter to register… Just in case you wonder.
2/ ok thank you

3/ I would like 400 heigh like my others, no breadcrumbs and the Hero Heading style in light.

thank you

Attachments:

You must be logged in to view attached files.

[arnaudlx]

Hi kyle,

Would you have some answers for me please?
thank you

[David Martin – Support]

Hi,

1) Can you provide a link to a page where you are using the sidebar? Here http://meyou-paris.com/shop/ the reduced width is working at 20%.

3)

To set the height to 400 and remove the breadcrumbs, please use this:

.post-type-archive-product .page-heading.fancy-heading.clearfix.-style.fancy-image.page-heading-breadcrumbs.animated {
    height: 400px!important;
}
.post-type-archive-product .page-heading-breadcrumbs.fancy-heading .heading-text[data-textalign="left"] #breadcrumbs {
    display: none;
}

Light Header: Theme Options => WooCommerce Options => Shop Options => WooCommerce Hero Heading Text Style => Light

Thanks.

[arnaudlx]

Hi,

1/ Please see in those links.
http://meyou-paris.com/home-new/cube/
http://meyou-paris.com/home-new/bed/
http://meyou-paris.com/home-new/ball/
http://meyou-paris.com/home-new/accessories/

3/ It works thank you

[Kyle – SUPPORT]

Try this:

@media only screen and (min-width: 769px) { 
.has-left-sidebar aside.sidebar {
  width: 20%;
}
.has-left-sidebar .push-right.col-sm-9 {
  width: 80%;
}
}

– Kyle

[arnaudlx]

ok thank you it works well.

One more question on this topic.
The CSS to set the height to 400 on the shop page works but with a delay. When you load the shop page, it first show a 300 hight image and then it become 400 after 1 second. Could we fix this?

[arnaudlx]

one more thing, if I change the Hero Heading style in light like I wanted, then the image become again only 300 high.

[David Martin – Support]

The CSS is specific to the light/dark headers. What is the page URL for the one you changed? Please supply the URLs you reference.

Thanks.

[arnaudlx]

Hi David,

It is still for the shop page.
http://meyou-paris.com/shop/

Plus on this page, the sidebar did reduce, but the shopping pictures didn’t get bigger.
I was expecting it would do like on this other page. Please see the example below.
http://meyou-paris.com/home-new/cube/
Less white space between the sidebar and the picture, and the picture got bigger.

thank you

[Kyle – SUPPORT]

Hi

It did get bigger, look at the screenshot: http://d.pr/i/10uKr/1bCvgL19 width is 80%

For the height of the title, edit the sf-page-heading.php file in swift-framework/core

You’ll need to edit line 31

– Kyle

[arnaudlx]

This reply has been marked as private.