我正在制作一个用于送货或取货的餐厅 WP Woocommerce 网站。有没有办法在网站登陆页面上放置一个按钮来决定在整个网站范围内使用哪个样式表? style-sheet-1,添加到购物车按钮或 style-sheet-2,display-none 添加到购物车按钮?
-乍得
最佳答案
您需要创建多个样式表,每个样式表对应您希望主题具有的每种颜色/样式。然后,您可以使用不同的颜色选项在您的主题上创建一个设置菜单。当用户选择一个选项时,它将选择可以使用 jquery 将其注入(inject)到主题“head”中的特定样式表。
因此,例如,一个普通的样式表将像这样链接:
<html>
<head>
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>
<body>
...
然后您可以使用 jquery 在单击设置按钮时应用不同的样式表,如下所示:
$(document).ready(function () {
$("settingButton").click(function () {
$('head').append('<link rel="stylesheet" href="newstylesheet.css" type="text/css" />');
});
});
这会在头部添加一个新的 CSS Styesheet。
或者,您可以通过删除它的链接并将其替换为新样式表来一起替换旧样式表,方法如下:
$(document).ready(function () {
$("settingButton").click(function () {
$('head > link').filter(':first').replaceWith('<link href="newstylesheet.css" ');
});
});
希望对您有所帮助:)
关于php - 按钮选择要使用的样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43307258/