Search Results for 'COLUMNS'

[Hannah]

Hannah

#241307

You could display your portfolio posts via shortcode like this:
[portfolio_posts orderby=date style="pgrid" columns=4 items=80 ratio="square" lightbox=true showtypes=true]
Just paste that into a text widget within your home widget area (appearance > widgets). And make sure your home widget area is enabled in Theme Options > Home Layout.

Hannah

[Hannah]

Hannah

#241246

Hey,
You can add your portfolio posts via shortcode like this:
[portfolio_posts orderby=date style="pgrid" columns=4 items=4 ratio="square" lightbox=true showtypes=true type=photos]
You would just paste that into the content area of any page.
Hope it helps!

Hannah

[Hannah]

Hannah

#241148

You can assign an order to your portfolios by adding this to the shortcode: order="ASC"

1. You can show/hide images using css and page id’s. If you provide a link for specific pages and which image you would like on that page I would be happy to help with the css.

2. Do you mean for portfolio posts? In Theme Options > Portfolio Options you can set the Portfolio Style to Normal Grid.

3. Are you using the block editor and Kadence Blocks? If so, you can do this using the testimonial block. Or you can use a shortcode like this: [testimonial_posts orderby="date" items="1" columns="1" group="photos"] Just create a testimonial group then assign “Joe Bloggs” testimonial to that specific group.

Hope that’s helpful!

Hannah

[Ben Ritner]

Ben Ritner

#241119

Your theme is adding this:

add_filter( 'allowed_block_types', 'od_keep_plugins_blocks' );
function od_keep_plugins_blocks( $allowed_blocks ) {
    // Widget, - und Pluginblöcke registrieren
    $registered_blocks = WP_Block_Type_Registry::get_instance()->get_all_registered();

    // Widgets deaktivieren
    unset( $registered_blocks[ 'core/latest-comments' ] );
    unset( $registered_blocks[ 'core/archives' ] );
    unset( $registered_blocks[ 'core/categories' ] );
    unset( $registered_blocks[ 'core/latest-posts' ] );
    unset( $registered_blocks[ 'core/calendar' ] );
    unset( $registered_blocks[ 'core/rss' ] );
    unset( $registered_blocks[ 'core/search' ] );
    unset( $registered_blocks[ 'core/tag-cloud' ] );

    $registered_blocks = array_keys( $registered_blocks );

    // Pluginblöcke mit der Whitelist mergen
    return array_merge( array(
        'core/image',
        'core/paragraph',
        'core/heading',
        'core/list',
        'core/columns',
        'core/group',
        'core/cover',
        'core/html',
        'core/button',
        'core/shortcode'
    ), $registered_blocks );

}

It’s some how breaking the editor and causing your issue.

[Robert]

Robert

#241058

A followup question. Should I be using “Categories” as pages? Under “description” I see the following:

“The description is not prominent by default; however, some themes may show it.”

I’ve discovered they are handled quite a bit differently than a “normal” page. For example, when I tried to add the categories as “Secondary Navigation” menu items, the entire category description was displayed in the secondary menu, which was quite ugly! It does not do that as a submenu item in the “Primary Navigation.” However, I just tested it and if a category is a main menu item (and not a submenu) it too will also display the entire category description on the Primary Navigation location.

The category seems to be advantageous for attaching products to, but not for displaying them in one location. I’ve played around with creating a page that looks like a category and introduced shortcodes, e.g.

[product_category category=”Batting Cages” orderby=”menu_order” order=”asc” columns=”3″]

But from a layout/SEO/keyword/search approach, is it better to create a new page for each category? Thanks. /Bob

[Angelo Lazzari]

Angelo Lazzari

#241036

Hi, at the bottom of this page *Login to see link I used a 3 columns page-builder row with a ASCEND: recent post widget.

I needed to put a bottom margin of 250px otherwise the result was an overlapping with the footer area… see the image before the fix

[Angelo Lazzari]

Angelo Lazzari

#241036

Hi, at the bottom of this page *Login to see link I used a 3 columns page-builder row with a ASCEND: recent post widget.

I needed to put a bottom margin of 250px otherwise the result was an overlapping with the footer area… see the image before the fix

[Ben Ritner]

Ben Ritner

#240926

Hey,
1. Yes, but you would be back to the exact same issue on super large screens, the reason it’s going to break the columns further are larger screens is so that your images don’t have to get so large when the screens are enormous:

@media (min-width: 992px) {
.kt-portfolio-shortcode .p-item {
    width: 33.33%;
}
}

2. It’s not part of the current output, I’ll put in on my list to add something item-specific in a future update. Otherwise, you would need to use a child theme and override the portfolio loop template.

Ben

[Lionel]

Lionel

#240901

Perfect, that worked excellent!

Two last questions:

• Any way to force the columns to be a different amount, other than four, say three?
• Is there any way I can add a unique ID to each portfolio item, so that I could theoretically replace the hover with a background image in CSS?

[Lionel]

Lionel

#240866

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#240782

I’m not following, it shouldn’t crop the images any different size? Do you mean it changes the columns, it’s supposed to for larger screens if you use that.

Ben

[Hannah]

Hannah

#240762

Hey Dorcas,
Yes! You can use this shortcode: [staff_posts orderby=date items=4 columns=4 height=200 group=developers]
You can find all shortcodes for Ascend here: http://docs.kadencethemes.com/ascend-premium/shortcodes/
Hope that helps!

Hannah

[Ben Ritner]

Ben Ritner

#240760

Hey,
It uses 400 then src sets the other versions so that the image is optimized.

However because you’ve made your width 100% of screen size the image standard size is growing larger then 400.

In your shortcode you can add fullwidth="true" that will make the image base size a little larger and force three columns to 4 columns on really large screens so you prevent images that are really massive if your screen is really large.

Ben

[walter]

walter

#240390

Hi Guys

I’ve added a new sub-total column to my-account/order table using the following snippet(which is working and displays the new column on the my-account/order tab) (with the help of Ben in a previous support question) the snippet :
//show sub total in order page

add_filter( 'woocommerce_account_orders_columns', 'add_account_orders_column', 10, 1 );

function add_account_orders_column( $columns ){

$columns['item_subtotal_tax_excl'] = __( 'Sub-total', 'woocommerce' );

return $columns;

}

add_action( 'woocommerce_my_account_my_orders_column_item_subtotal_tax_excl',
'add_account_orders_column_rows' );

function add_account_orders_column_rows( $order ) {

// Example with a custom field

if ( $value = $order->get_subtotal() ) {{

echo esc_html( $value );

}

}
}

Then I used a function to display my-account order tab on any page with a short code . The function I used to be able to display order tab on another page which is:
function woocommerce_orders() {
$user_id = get_current_user_id();
if ($user_id == 0) {
return do_shortcode('[woocommerce_my_account]');
}else{
ob_start();
wc_get_template( 'myaccount/my-orders.php', array(
'current_user' => get_user_by( 'id', $user_id),
'order_count' => $order_count
) );
return ob_get_clean();
}

}
add_shortcode('woocommerce_orders', 'woocommerce_orders');

Now when I display the my-account order tab using the added short code [woocommerce_orders] it displays the default order columns but it does not display my newly added “sub-total” column on the page with the short code [woocommerce_orders]

Any ideas how I can display my newly added “sub-total” column along with all the other my-account order columns when I use the shortcode [woocommerce_orders] ?

• This topic was modified 6 years, 5 months ago by walter.

[walter]

walter

#240390

Hi Guys

I’ve added a new sub-total column to my-account/order table using the following snippet(which is working and displays the new column on the my-account/order tab) (with the help of Ben in a previous support question) the snippet :
//show sub total in order page

add_filter( 'woocommerce_account_orders_columns', 'add_account_orders_column', 10, 1 );

function add_account_orders_column( $columns ){

$columns['item_subtotal_tax_excl'] = __( 'Sub-total', 'woocommerce' );

return $columns;

}

add_action( 'woocommerce_my_account_my_orders_column_item_subtotal_tax_excl',
'add_account_orders_column_rows' );

function add_account_orders_column_rows( $order ) {

// Example with a custom field

if ( $value = $order->get_subtotal() ) {{

echo esc_html( $value );

}

}
}

Then I used a function to display my-account order tab on any page with a short code . The function I used to be able to display order tab on another page which is:
function woocommerce_orders() {
$user_id = get_current_user_id();
if ($user_id == 0) {
return do_shortcode('[woocommerce_my_account]');
}else{
ob_start();
wc_get_template( 'myaccount/my-orders.php', array(
'current_user' => get_user_by( 'id', $user_id),
'order_count' => $order_count
) );
return ob_get_clean();
}

}
add_shortcode('woocommerce_orders', 'woocommerce_orders');

Now when I display the my-account order tab using the added short code [woocommerce_orders] it displays the default order columns but it does not display my newly added “sub-total” column on the page with the short code [woocommerce_orders]

Any ideas how I can display my newly added “sub-total” column along with all the other my-account order columns when I use the shortcode [woocommerce_orders] ?

• This topic was modified 6 years, 5 months ago by walter.

[Robert]

Robert

#240319

1). I deleted the “orderby=date” option as it displayed the portfolios (albums) in a different order than I wanted.
2). The original “snapshots’ page was a SiteOrigin PageBuilder and was also a “portfolio grid” type of page. When I added the shortcode it displayed the portfolios twice. I changed it to “default template” and even when I previewed it, it showed them twice. When I finally published the changes, it then only showed them once. I’m assuming (hoping?) it is now showing the shortcode and it is a default template page and not a portfolio grid page.
3). I also created a test category page (and published it) using the new block editor and added the same shortcode.

This is the short code I used in both pages:

[portfolio_posts excerpt=false columns=4 items=8 height=200 lightbox=true showtypes=true cat=assembly-setup]

I don’t think I need the excerpt= or height= or lightbox= or showtypes=, but I left them in. I just want to be able to show one portfolio, in this example, just assembly-setup. However, in both cases it shows all portfolios. See pages:

https://www.cagesplus.com/test-category/

and

https://www.cagesplus.com/batting-cage-images/snapshots/

BTW, I just tried the following shortcode

[portfolio_posts columns=4 items=8 cat=assembly-setup]

and it seemed to do the same thing, i.e. show all 7 portfolios. But it did show I don’t need the excerpt, height, lightbox, or showtypes. I did need the columns=4 and items=8 as the default items seems to be 4. /Bob DeCloss

[Dave]

Dave

#240261

I am back into the server by sftp.

I believe it’s my styles.css file that’s causing the problem. I changed the name of virtual-premium-child them to virtual-premium-child-old, and created a new virtual-premium-child directory. I placed the newest copies of these files in that server directory:

style.css
WholesalePage.css
function.php

When I tried to install that, I found two identical instances of the same error as in this screen shot.

https://gyazo.com/f5b7a56e5295963dfc02cfb40e5af23e

I opened style.css and found it was no longer formatted. I added this header

/*
 Theme Name:   Virtue Premium Child
 Theme URI:    http://example.com/virtue-premium-child/
 Description:  Virtue Premium Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     virtue_premium
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:  virtue-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

and I was then able to select it as my site theme, but WP wasn’t able to parse the code. Not sure what happened. Here’s what the unedited version of style.css looks like.

/* Theme Name: Virtue - Premium - Child Theme URI: http://example.com/ Description: Child theme for the Virtue theme Author: Dave Burrows Author URI: http://www.meadowcroft-dyeworks.com Template: virtue_premium Version: 0.1.0 */#wwof_product_listing_table select { width: 400px; }.product_item .product_price{display:none}.product_item .kad_add_to_cart,.product_item a.button{display:none}div.product .woocommerce-tabs ul.tabs li.additional_information_tab{display:none}.cart-contents .icon-basket:before { display:none;}.cart-contents i.icon-basket { width: 24px; background: url(http://meadowcroft-dyeworks.com/images/bag.png) no-repeat; height: 24px; margin: 0 auto; padding-right: 27px !important; padding-bottom: 8px;}.custom-icon-home {width: 44px;background: url(http://meadowcroft-dyeworks.com/images/home.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-home:hover {width: 44px;background: url(http://meadowcroft-dyeworks.com/images/home-hover.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-about {width: 33px;background: url(http://meadowcroft-dyeworks.com/images/about.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-about:hover {width: 33px;background: url(http://meadowcroft-dyeworks.com/images/about-hover.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-contact {width: 31px;background: url(http://meadowcroft-dyeworks.com/images/contact.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-contact:hover {width: 31px;background: url(http://meadowcroft-dyeworks.com/images/contact-hover.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-account {width: 31px;background: url(http://meadowcroft-dyeworks.com/images/account.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-account:hover {width: 31px;background: url(http://meadowcroft-dyeworks.com/images/account-hover.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-yarn {width: 26px;background: url(http://meadowcroft-dyeworks.com/images/yarn.png) no-repeat;height: 32px;margin: 0 auto;}.custom-icon-yarn:hover {width: 26px;background: url(http://meadowcroft-dyeworks.com/images/yarn-hover.png) no-repeat;height: 32px;margin: 0 auto;}a:active {color: #008000;text-decoration: underline;}a:hover {color: #FF0000; /* red - doesn't display correctly */text-decoration: none;}a:link {color: #8a84a5; /* blue - displays correctly */text-decoration: underline;}a:visited {color: #261d3f; /* aqua - displays correctly */text-decoration: underline;}.product .kad_add_to_cart {text-transform: none;}#topbar-search #searchsubmit, .form-search .search-icon, #topbar-search input[type="text"], .topbarmenu ul li a {color: #493F66;border: medium;}#topbar-search input[type=text]:-moz-placeholder {color: #B6B6C5;background: #EDEDF7;}#topbar-search input[type=text]::-moz-placeholder {color: #B6B6C5;}.product_item .price { display: none;}

There’s not a lot of code here. I’m gonna try to figure it out. WholesalePage.css looks fine:

/**
* Product Listing Table
*
* Minimal default styling for the product table
*/
#wwof_product_listing_ajax_content .processing-overlay,
#wwof_product_listing_table_container .processing-overlay {
    background-color: rgba(255, 255, 255, 0.75);
}

#wwof_product_listing_ajax_content .loading-icon,
#wwof_product_listing_table_container .loading-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    width: 35px;
    height: 35px;
    background: url('../images/ajax-loader.gif') no-repeat top left;
}

#wwof_product_listing_filter {
    margin-bottom: 1em;
}

#wwof_product_listing_table tr th {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

#wwof_product_listing_table tbody tr td {
    min-height: 10em;
    display: table-cell;
    vertical-align: middle;
}

.wwof_product_listing_item_thumbnail {
    vertical-align: middle;
    margin-right: 10px;
}

#wwof_product_listing_table .variable_price .price {
    display: none;
}

/* Product listing actions column */
#wwof_product_listing_table .product_row_action .spinner {
    display: none;
    background: url('../images/spinner.gif') no-repeat scroll 0% 0% / 20px 20px transparent;
    opacity: 0.7;
    width: 20px;
    height: 20px;
    margin: 2px 5px 0px;
}
#wwof_product_listing_table .product_row_action .spinner.success {
    background-image: url("../images/check_icon.png");
}
#wwof_product_listing_table .product_row_action .spinner.error {
    background-image: url("../images/error_icon.png");
}

/**
* Popup
*
* Default styling for product details popup
*/
.fancybox-skin {
    padding: 25px !important;
}

.wwof-popup-product-details-container {
    display: block;
    width: 100%;
}

.wwof-popup-product-images {
    float: left;
    width: 38%;
}

.wwof-popup-product-images > img {
    max-width: 100%;
}

.wwof-popup-product-images .gallery {
    margin-top: 10px;
}

.wwof-popup-product-images .gallery img {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 40%;
}

.wwof-popup-product-summary {
    float: right;
    width: 58%;
}

.wwof-popup-product-summary .product-title {
    margin-top: 0;
}

.wwof-popup-product-summary .product-price {
    margin-bottom: 25px;
}

.wwof-popup-product-summary .product-rating {
    margin-bottom: 25px;
}

.wwof-popup-product-summary .product-rating .star-rating {
    font-family: star;
    font-size: 1em;
    height: 1em;
    line-height: 1em;
    overflow: hidden;
    position: relative;
    width: 5.4em;
    float: left;
    margin: 0.5em 4px 0 0;
}

.wwof-popup-product-summary .product-rating .star-rating:before {
    color: #e0dadf;
    content: "sssss";
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}

.wwof-popup-product-summary .product-rating .star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
}

.wwof-popup-product-summary .product-rating .star-rating span:before {
    content: "SSSSS";
    left: 0;
    position: absolute;
    top: 0;
}

select {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    width: auto;

I’ve got the child theme running again, but it’s still not right.

[Hannah]

Hannah

#240231

You can use a shortcode like this:
[portfolio_posts orderby=date excerpt=false columns=4 items=8 height=200 lightbox=true showtypes=true cat=photos]
Let me know how that works!

Hannah

[Ben Ritner]

Ben Ritner

#240217

The closest thing is our Post Grid Carousel Block in Kadence Blocks. You can select custom post types and you can set the columns of the carousel to 1.

Ben

[Ben Ritner]

Ben Ritner

#240145

Are you using the block editor? You can do this with a row block, there you can set it to be full height and add the columns.

If you want you can send me a login and I can add this for you.

Ben

[Pamela]

Pamela

#240136

Yes I can add text, but not in three columns like in the picture….

Pamela

[Robert]

Robert

#240068

Having some difficulty in getting it to look good. I can’t seem to add the “Shop Sidebar” to the “page”, which is some sort of widget. Seems to be automatic when you build it as a category, but when I try to create a page, I don’t know how to add the sidebar.

Also the shortcodes above didn’t work as described. Here is what I had to do to display a certain category:

[product_category columns=”4″ category=”batting-cages”]

It took a long time to figure that out. That “category” is not really the category I have, it is product category. Also Woocommerce doc didn’t say you had to use slug names. In fact there was no example using product_category or even product_categories. It was trial and (a lot of) error before I figured it out.

I guess I could have used [products columns=”4″ ids=”a bunch of numbers”], but that isn’t very descriptive.

Also I have difficulty inserting an image within a paragraph. I can’t seem to control it very well as I can in PageBuilder. And the next paragraph doesn’t flush left on the next line below the image. If the image is in the paragraph and the paragraph is not very long, the next paragraph stays indented next to the image. See the screenshot I uploaded.