Search Results for 'COLUMNS'

[Ben Ritner]

Ben Ritner

#99672

Hey,
Woocommerce doesn’t have an option for this.

So you would either have to use a child hteme and code this into there templates.

Or make a custom page using shortcodes instead of how woocommerce outputs a shop page. You would have to make this page in your pages.

Then add the short-codes for categories and products. see here: https://docs.woothemes.com/document/woocommerce-shortcodes/

And you would link to this new custom page in your menu instead of the other shop page. So in your custom page you could add this:

<h2>Category</h2>
[product_categories number="12" parent="0" columns="3"]
<hr>
<h2>Products</h2>
[recent_products per_page="24" columns="6"]

Ben

[Ben Ritner]

Ben Ritner

#99669

You can use a shortcode

[blog_grid columns="2" items="10"]

see here: http://docs.kadencethemes.com/virtue-premium/shortcodes/

Ben

[Ben Ritner]

Ben Ritner

#99534

Hey,
So for order just make two rows. Add three columns in each and have your first row with the top three add your second row with the next three that will keep them in order throughout mobile.

Ben

[George]

George

#99409

I’ve created a variable product filter menu that is displayed across to top of the shop page, with sets of characteristics that have 4-5 elements in their sub-menus beneath them. It appears to be impossible to have this menu set displayed across the full width of that top area below the header area (where the logo and main menu reside). There is a two-column row that remains in place no matter what configurations I’ve tried. The regular default sorting drop-down and list-or-grid-view options remain on the right top, and even removing them within Virtue makes no difference. As a result, only three of my variable filter menu columns can fit, because otherwise they get scrunched up as smaller wrap-around columns trying to fit into a half-width section of the row. My conclusion is that this is a theme-directed element that cannot be changed (unfortunately).

I’m not familiar with code and depend on the accessible features of WordPress, Kadence, and helpful plugins to make this all work. Any suggestions would be appreciated, or simply letting me know that this limitation cannot be solved at this time will save me from further attempts.

Thank you.

[George]

George

#99409

I’ve created a variable product filter menu that is displayed across to top of the shop page, with sets of characteristics that have 4-5 elements in their sub-menus beneath them. It appears to be impossible to have this menu set displayed across the full width of that top area below the header area (where the logo and main menu reside). There is a two-column row that remains in place no matter what configurations I’ve tried. The regular default sorting drop-down and list-or-grid-view options remain on the right top, and even removing them within Virtue makes no difference. As a result, only three of my variable filter menu columns can fit, because otherwise they get scrunched up as smaller wrap-around columns trying to fit into a half-width section of the row. My conclusion is that this is a theme-directed element that cannot be changed (unfortunately).

I’m not familiar with code and depend on the accessible features of WordPress, Kadence, and helpful plugins to make this all work. Any suggestions would be appreciated, or simply letting me know that this limitation cannot be solved at this time will save me from further attempts.

Thank you.

[Ben Ritner]

Ben Ritner

#99278

Ok for b. What device are you seeing 1 column? I’m looking on an Iphone and I see 2 columns on mobile.

You can’t have the columns change per row. so you can’t have one row be three and the next be two. You can set it to three then the column with only two items would fill 2/3 of the width.

Here is css to make the grid 4 columns on landscape mobile.

@media (min-width: 480px) and (max-width: 767px){
    .kad_product {width:25%}
}

Ben

[Ben Ritner]

Ben Ritner

#99268

Hey,

You have set the row to fullwidth stretched… Just instead set to fullwidth. That will keep your content centered.

You have added the background image to the widget. If you look in the tutorial above in the written part it shows how you can add an image to the background of the row and there set the item to parallax.

In terms of the widget I don’t suggest the call to action widget if you want the button beside the text. You can make your row two columns and use the visual editor widget to place an h2 item in the left columns and a button in the right.

Ben

[Ben Ritner]

Ben Ritner

#99155

Your links are of drafts which I can’t see.

here is a tutorial about page-builder and in it you can add a row that is fullwidth as well as columns to put one item on the right and one on the left.

https://www.kadencewp.com/using-page-builder-virtue-premium/

Ben

[Ben Ritner]

Ben Ritner

#99086

Hey,
You would have to use page content or widget area, then you can use pagebuilder to set up the columns and add “visual editor” widgets into each. In the visual editor widget you can click “virtue shortcodes” and add an icon box.

Ben

[Rodney]

Rodney

#99073

I would like add more than one instance of the Icon Menu to my homepage (*Login to see link pany/), but I’m not sure how to go about it. Under the slider, I would like it to say “Products”, of which there will be two rows of three columns. Under that I’d like a heading of “Services”, followed by another Icon Menu with two rows of four columns. In the Home Layout under Theme Options, it doesn’t seem like it’s possible to add more than one instance of any of the features. Thanks.

[Rodney]

Rodney

#99073

I would like add more than one instance of the Icon Menu to my homepage (*Login to see link pany/), but I’m not sure how to go about it. Under the slider, I would like it to say “Products”, of which there will be two rows of three columns. Under that I’d like a heading of “Services”, followed by another Icon Menu with two rows of four columns. In the Home Layout under Theme Options, it doesn’t seem like it’s possible to add more than one instance of any of the features. Thanks.

[Ben Ritner]

Ben Ritner

#99066

So just to make sure I understand you want products to be in columns of four on both portrait and landscape in mobile?

Ben

[Rebecca]

Rebecca

#99006

http://185.123.99.153/~cyrilssoapshed/
The image on the homepage is not aligning. All images are ther same size – I have set it to image size height as this displays best responsively.
Yet the images don’t format into columns as they should?
Please, can you help?

[Rebecca]

Rebecca

#99006

http://185.123.99.153/~cyrilssoapshed/
The image on the homepage is not aligning. All images are ther same size – I have set it to image size height as this displays best responsively.
Yet the images don’t format into columns as they should?
Please, can you help?

[Ben Ritner]

Ben Ritner

#98943

I’m an idiot. The info is here: http://docs.kadencethemes.com/virtue-premium/shortcodes/

I again told you wrong, it’s cat-products not cat-product.

[carousel type="cat-products" items="20" columns="4" cat="car-accessories"]

Ben

[Ben Ritner]

Ben Ritner

#98881

Hey,
There isn’t a widget for this. You can use a woocommerce shortcode and set the columns to 1 but the output would be much much larger then that kind of list.

https://docs.woothemes.com/document/woocommerce-shortcodes/

Ben

[Ben Ritner]

Ben Ritner

#98860

Sorry,
I posted it wrong change to this:

[carousel type="cat-product" items="20" columns="4" cat="car-accessories"]

Ben

[Ian]

Ian

#98809

Hey Ben

Put this on the about page [carousel type="product_cat" items="20" columns="4" cat="car-accessories"]

If you visit the about page, no slider appears

[Ben Ritner]

Ben Ritner

#98808

Hey,
There is a built in shortcode for this…

[carousel type="product_cat" items="10" columns="4" cat="your_cat_slug"]

Ben

[Ben Ritner]

Ben Ritner

#98795

Hey,
The images couldn’t have cropped before because that part of this hasn’t changed. You’ve never be able to crop images that where smaller the the requested image size and the requested image size also has not changed.

What has changed is instead of outputting images with src_set applying to images sizes that were not correct the image sizes are not set based on the output image which is the image in full size since it can’t be cropped. This makes for better responsive images so that images that are not supposed to be square don’t have square outputs based on incorrect image src_set.

so to make this make sense before your image src was the same as it is today but the width and height attributres of the image where based on the requested size instead of the actual image in the src. While this could create what you wanted under certain circumstances with certain browsers it wasn’t actually ever good or correct because the real issue is that the image was smaller then the requested size.

The update improves this across browsers for speed, validation and overall cross browser support. The issue is that you are creating galleries which you want to be square and have an output of 300×300 and your using images that are smaller then 300×300…

I’m just trying to explain that the your galleries we’re actually working before like you think even though on your browser it would have looked right that didn’t mean it was for all browsers because there was always an issue of your images being too small.

And I’m sorry I posted “and” in the shortcode and it shouldn’t be there. So can your update to:

[gallery columns="5" ids="23,24,25,26,27,28" imgwidth="150" imgheight="150"]

Then post a link to your page where you are adding this?

Ben

[Joy]

Joy

#98794

The only way I can see to resolve this is to make my images larger – ie. minimum of 300×300 for 5 columns.

[Joy]

Joy

#98791

With the workaround of:

[gallery columns="5" ids="23,24,25,26,27,28" imgwidth="150" and imgheight="150"]

It is not responsive and the images do not resize for smaller devices – they start to skew.

[Joy]

Joy

#98789

I tried your code in the masonry gallery:

[gallery columns="5" ids="23,24,25,26,27,28" imgwidth="150" and imgheight="150"]

but it didn’t work.

Please Ben, I don’t understand why everything was working okay only two days ago with the Pinnacle galleries I am using.