WooCommerce商店页面中的两种布局

时间:2015-11-23 作者:Rishabh

在我的项目中,我想在一个页面上以两种方式显示产品列表。

以画廊的方式将4种产品排在一行。(这是我已经创建的)但实际上,我想要的是为客户提供一个选项,无论他/她希望产品以图库形式查看还是以列表形式查看。将向他们提供两个按钮(图库和列表)。单击gallery,视图应与gallery相似,反之亦然。任何想法,如何做到这一点。

注意:好的,如果有人喜欢对任何问题给予负面评价,那么请在评论部分解释原因,这不会花太长时间。这将帮助我们找到更好的提问方式。所以,不要把你的想法停留在你的头脑中,与每个人分享,这将是有益的。没有冒犯!

2 个回复
最合适的回答,由SO网友:garth 整理而成

设置一个按钮或下拉菜单,调用一个函数来设置cookie并在包含_style 身份证号码:

function switchStyle(style) {
    var file = $TMPL_URL + \'/css/\' + style;
    jQuery(\'head\').append(\'<link rel="stylesheet" href="\' + file + \'" type="text/css" />\');
    jQuery.cookie($TMPL_NAME + \'_style\', style, {
        expires: 365,
        path: \'/\'
    });
}
jQuery.cookie 应该替换为标准cookie函数。改变expires: 365 设置所需的持续时间,以便页面记住为该用户选择的设置。

SO网友:Dan

我建议两者都可以;

1) 包含元素的简单表单,该元素在查询字符串(如域)中附加参数。com?view=list-可以使用此值更改PHP文件中项目的显示。

2) 使用javaScript切换项目父容器上的类,然后使用CSS控制布局。这应该很容易,是我的选择。

相关推荐

Wp-Content/Themes文件夹在哪里?

我想为我的wordpress站点创建一个子主题(仅供参考),这样我的更改就不会被每次更新所覆盖。显然,我需要在wp-content/themes文件夹中为子主题创建一个子文件夹。问题是,我找不到它。我曾尝试将wp内容和wp内容/主题添加到域中-它生成了一个空白的白色页面。我试着在spotlight文件搜索(是的,我有一台mac电脑)中搜索它(只是“wordpress”),它只找到了一些我在2010年安装的wordpress文件夹,我甚至都不记得做过这些。由于我最近在过去两周(2014年5月)建立了这个网站