Php 按钮选择要使用的样式表_Php_Css_Wordpress_Woocommerce_Multiple Instances

Php 按钮选择要使用的样式表

php css wordpress woocommerce

Php 按钮选择要使用的样式表,php,css,wordpress,woocommerce,multiple-instances,Php,Css,Wordpress,Woocommerce,Multiple Instances,我正在做一个餐厅的商业网站，是交付或收取。是否有办法在站点登录页上放置一个按钮，以决定在站点范围内使用哪个样式表；样式表-1，添加到购物车按钮或样式表-2，显示无添加到购物车按钮 -Chad您需要创建多个样式表，每个颜色/样式对应一个主题。然后，您可以在主题上创建具有不同颜色选项的设置菜单。当用户选择一个选项时，它将选择可以使用jquery注入主题“head”的特定样式表例如，普通样式表的链接如下： <html> <head> <link rel="sty

我正在做一个餐厅的商业网站，是交付或收取。是否有办法在站点登录页上放置一个按钮，以决定在站点范围内使用哪个样式表；样式表-1，添加到购物车按钮或样式表-2，显示无添加到购物车按钮

-Chad

您需要创建多个样式表，每个颜色/样式对应一个主题。然后，您可以在主题上创建具有不同颜色选项的设置菜单。当用户选择一个选项时，它将选择可以使用jquery注入主题“head”的特定样式表

例如，普通样式表的链接如下：

<html>
<head>
    <link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>
<body>
...

$(document).ready(function () {
        $("settingButton").click(function () {
            $('head > link').filter(':first').replaceWith('<link href="newstylesheet.css" ');
        });
    });

...

然后，单击设置按钮时，可以使用jquery应用不同的样式表，如下所示：

    $(document).ready(function () {
    $("settingButton").click(function () {
        $('head').append('<link rel="stylesheet" href="newstylesheet.css" type="text/css" />');
    });
});

$（文档）.ready（函数（）{
$（“设置按钮”）。单击（函数（）{
$（'head'）。追加（''）；
});
});

这将在头部添加一个新的CSS样式表

Alternativley您可以一起替换旧样式表，方法是删除其链接，然后使用如下内容替换为新样式表：

<html>
<head>
    <link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>
<body>
...

$(document).ready(function () {
        $("settingButton").click(function () {
            $('head > link').filter(':first').replaceWith('<link href="newstylesheet.css" ');
        });
    });

$（文档）.ready（函数（）{
$（“设置按钮”）。单击（函数（）{
$（'head>link'）。过滤器（':first'）。替换为（'