leonmagee

Hi @hakuzan, how many products in total are you trying to display?
I see 12 products on the page you linked to.

Hi @akahrau, sorry for the late reply. You can use the following CSS to achieve this.

@media(max-width: 767px) {
.shop-page-wp-grid {
    display: flex;
	flex-wrap: wrap;
  }
  .shop-page-wp-item {
    flex: 0 1 50%;
  }
}

Please let me know if this works for you.

@tomitzu This code is specific for Ajax Search Lite. I’ll take a look at the search block and see if something similar can be done.

@jmdfrancois I was able to get this working. Here’s the updated code:

add_filter('asl_results', 'my_custom_link_asl_results', 10, 1);
function my_custom_link_asl_results($results)
{
    foreach ($results as $k => &$r) {
        $link = get_post_meta($r->id, '_Shop_Page_WP_url', true);
        if ($link != '') {
            $r->link = $link;
        }
    }
    return $results;
}

Note that I changed the ID passed into get_post_meta in addition to the name of the custom field.

You’ll need to add this code to your theme’s functions.php file, and also enable the Shop Page WP custom post type in the Ajax Search Lite settings.

Please let me know if this works for you.

Hi @jmdfrancois, I’m not entirely sure if this is doable, but I’ll do some testing to find out.

Hi @lola99, I took a look at the function used to generate custom post types, but it doesn’t look like there is an easy way to change the sitemap label. Sitemaps are really just for SEO, they aren’t really there for people to navigate your site, so it shouldn’t matter too much what the title of a custom post type is. Shop Page WP products don’t have individual posts/pages that correspond to them, so if you click on a link for a Shop Page WP product it will just take you to your homepage. So the better option would be to just exclude Shop Page WP from your sitemap by checking that box in the WP Sitemap settings.

Turns out the issue here was a quote in the shortcode that was formatted differently. Please let me know if you need more help with anything.

Hi @marcsclips, we were able to reproduce the issue. An update will be available soon.

Thanks

Please let us know if you need help with anything else.

Oh, and you can add font weight here:

.shop-page-wp-link a.buy-link {
    color: #fff !important;
    font-weight: bold;
}

I think adding the background color here fixes that.

You might need to combine this with some of the code you’ve already added.

.shop-page-wp-link {
    box-shadow: inset 0 -3px 0 0 rgb(0 0 0 / 25%);
    border-radius: 9px;
    border: none !important;
    padding: 0.5em 1em !important;
    background-color: #e94f1d !important;
}

This style will probably need the background color too.

You can try this:

.shop-page-wp-link a.buy-link {
    color: #fff !important;

}
.shop-page-wp-link {
    box-shadow: inset 0 -3px 0 0 rgb(0 0 0 / 25%);
    border-radius: 9px;
    border: none !important;
    padding: 0.5em 1em !important;
}
.shop-page-wp-item:hover .shop-page-wp-link {
    background-color: #e94f1d !important;
}
.shop-page-wp-item .shop-page-wp-link:hover {
    background-color: #89d1ce !important;
}

I added a line for padding, but that’s optional. The 0.5em is top and bottom, the 1em is right and left.

Sure, you can email me at [email protected]

If you can make the plugin live on one page I can try doing it. And you can let me know what colors you are trying to use.