itzik lesher

<p>Upon installation the plugin introduces under Woocommerce menu a visual drag&drop editor to customize WooCommerce by<br />
add/exchange/drop any built-in as well as custom element in a single product page as well as in an archive shop page which are the main pages<br />
that WooCommerce users tend to modify – hence a Woocommerce customizing Editor.<br />
Each element is given a consecutive number and a friendly name reflecting their default position and functionality<br />
and the user can change its position and/or drop it completely.<br />
In addition there is a Custom content box which enables adding a simple button or a link or a any complex Html tag (which you can<br />
create or import from anywhere).<br />
The plugin doesn’t use WooCommerce templates nor does it add any file or content to the used themes.<br />
In certain cases the user may need to custom the css as it depends also on the specific environment like the theme<br />
and other plugins.</p>
<h3>What are the common uses of the plugin?</h3>
<p>Adding any Html markup to the product page and to the shop page.<br />
Dropping the prices in the product page and in the shop will convert the shop into a catalog.<br />
Dropping the prices the shop will focus the visitor to the products and will introduce prices<br />
only in a single product.<br />
Modify the shop and/or single product layout to any users preferred layout.</p>
<h3>Why does the shop editor contains 2 different panes?</h3>
<p>The shop is structured with 2 elements: the general shop elements and the products elements.<br />
Each one of them has its own editor.</p>
<h3>What does the red indication “here come the products” mean?</h3>
<p>The shop is structured with 2 areas:the background area that surrounds the products and the products themselves.<br />
This red indication appears in the middle of the general shop elements indicates just that.</p>
<h3>Why after setting the plugin the display is spoiled?</h3>
<p>The display depends heavily on the theme so modify the WooCommerce layout may demand some css customization.</p>
<h3>Does the plugin install files/templates in the active theme or its sub-folders?</h3>
<p>Not at all. The plugin follows WooCmmerce recommendations that prefer using hooks and thus doesn’t touch the theme.</p>
<h3>After using the Link inside the Product layout the original product hyperlink doesn’t work?</h3>
<p>Using Link in the Product layout actually creates a second hyperlink inside the product list element.<br />
This may end up with overriding the original hyperlink. In this case use any cutsom content without a link.</p>
<h3>Why is’n there an option to edit other pages like checkout</h3>
<p>We concentrated on the main needs of users. Once we see other demands from users we shall address them.</p>


Woo Layout Editor

Introduces under WooCommerce menu a visual drag&drop editor functioning as a layout WooCommerce customizer by add/exchange/drop position of any b …

Oliver Campion

<h4>Options for Twenty Twenty</h4>
<p>This plugin is for <strong>Twenty Twenty</strong> theme, please see our other plugins for <a href="https://wordpress.org/plugins/options-for-twenty-seventeen/" title="Twenty Seventeen" rel="ugc">Twenty Seventeen</a>, <a href="https://wordpress.org/plugins/options-for-twenty-nineteen/" title="Twenty Nineteen" rel="ugc">Twenty Nineteen</a>, <a href="https://wordpress.org/plugins/options-for-twenty-twenty-one/" title="Twenty Twenty-One" rel="ugc">Twenty Twenty-One</a> and <a href="https://wordpress.org/plugins/template-editor/" title="Block Themes" rel="ugc">Block Themes</a> like Twenty Twenty-Two and Twenty Twenty-Three.</p>
<p><iframe loading="lazy" title="Customising WordPress Twenty Twenty Theme" width="750" height="422" src="https://www.youtube.com/embed/rG_IkByngZo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>This plugin adds the following modification options to the default WordPress theme Twenty Twenty …</p>
<p><em>General Options</em></p>
<ul>
<li>Option to diable the Inter Var WOFF2 font to speed up the site.</li>
<li>Force all posts and / or pages to use the same template.</li>
<li>Choose default text color.</li>
<li>Remove link underlines.</li>
<li>Change the colors of the social menu icons.</li>
<li>Grid Template for taxonomy / posts / blog pages.</li>
<li>Option to fix background “parallax” effect on Apple iOS mobile devices.</li>
<li>Option to remove the background image for smaller screens.</li>
</ul>
<p><em>Navigation Options</em></p>
<ul>
<li>Change the width of the site’s navigation.</li>
<li>Make main navigation background transparent.</li>
<li>Choose a background color for the main navigation.</li>
<li>Change the site title in the navigation bar.</li>
<li>Move the site description below the site title on large screens.</li>
<li>Style the font case, size, weight and color of the site title.</li>
<li>Hide the site description in the navigation bar.</li>
<li>Style the font case, size, weight and color of the site description.</li>
<li>Style the font case, size, weight and color of the main navigation links.</li>
<li>Change the color of submenu background and links.</li>
<li>Hide “Menu” and “Search” text below icons in the main navigation.</li>
<li>Change menu toggle to a hamburger icon.</li>
<li>Hide social menus.</li>
<li>Align footer social menu.</li>
</ul>
<p><em>Header Options</em></p>
<ul>
<li>Hide archive headers.</li>
<li>Align the archive titles.</li>
<li>Remove the prefix from archive titles.</li>
<li>Style the font case, size, weight and color of the archive, post and page titles.</li>
<li>Align the archive description.</li>
<li>Hide all headers.</li>
<li>Make the header background transparent.</li>
<li>Use the feeatured image as the header background.</li>
<li>Change the width of the site’s header.</li>
<li>Hide the categories in the post header.</li>
<li>Change the colour of the categories in the post header.</li>
<li>Change the height of the padding above and below the archive header title.</li>
<li>Change the height of the padding above and below the post / page header title.</li>
<li>Hide all header titles.</li>
<li>Align the header titles.</li>
<li>Style the font case, size, weight and color of the header title.</li>
<li>Hide the excerpt on single posts.</li>
<li>Change the font size of the except on single posts.</li>
<li>Align the header post meta.</li>
<li>Choose post meta items (Author, Categories, Comments, Post Date, Sticky, Tags) below the post title.</li>
</ul>
<p><em>Content Options</em></p>
<ul>
<li>Inject Yoast SEO or Breadcrumb NavXT breadcrumbs above page content.</li>
<li>Hide all featured images.</li>
<li>Move featured imagess to the top of the page.</li>
<li>Make featured images full width.</li>
<li>Change the width of the site’s content.</li>
<li>Choose a color for links in the site’s content.</li>
<li>Choose post meta items (Author, Categories, Comments, Post Date, Sticky, Tags) below the post.</li>
<li>Style the post separator.</li>
<li>Hide previous and next post links.</li>
<li>Choose a button background color.</li>
</ul>
<p><em>Footer Options</em></p>
<ul>
<li>Push footer to the bottom of the browser window.</li>
<li>Choose a background color for the footer area.</li>
<li>Change the padding / margin for all parts of the footer.</li>
<li>Change the color of footer text and links.</li>
<li>Style the font case, size, and weight of the footer navigation links.</li>
<li>Change the height of the padding above and below the footer widgets.</li>
<li>Center footer widgets when using a single footer widget area.</li>
<li>Hide the site footer.</li>
<li>Hide the copyright.</li>
<li>Remove the “Powered by WordPress” text displayed in the website footer.</li>
<li>Change the font size of the “Powered by WordPress” text.</li>
<li>Hide the “To The Top” link and align the copyright text.</li>
</ul>
<p><em>General Color Options</em></p>
<ul>
<li>Choose a primary color hue using a hex control.</li>
</ul>
<p><em>Cover Template Options</em></p>
<ul>
<li>Choose a background color for the Cover Template main navigation.</li>
<li>Choose an alternate logo for the Cover Template.</li>
<li>Change the color of the Cover Template main navigation links.</li>
</ul>
<p>… and the following options for users who have upgraded to the premium plugin …</p>
<ul>
<li>Override “Force Template” option on individual posts / pages.</li>
<li>Add “True Parallax” effect to the background image.</li>
<li>Use Cover Template on taxonomy pages</li>
<li>Inject a sidebar into the theme.</li>
<li>Align the sidebar to the left or right of the content.</li>
<li>Set the width of the injected sidebar.</li>
<li>Set the width of padding to the left and right of widgets in the sidebar.</li>
<li>Set the height of padding inbetween widgets in the injected sidebar.</li>
<li>Set the font size of widget titles and text in the sidebar.</li>
<li>Choose to limit site search results to a specific post type.</li>
<li>Choose your own Dashicon to use for the menu toggle.</li>
<li>Animate the close menu toggle on the expanded / mobile menu.</li>
<li>Inject a widget area above and / or below the expanded menu.</li>
<li>Inject a widget area above and / or below the mobile menu.</li>
<li>Fix the desktop and / or mobile navigation using a sticky bar or button.</li>
<li>Set the background color of the sticky menu button.</li>
<li>Add a dropshadow to the sticky menus.</li>
<li>Give a 3D animation to the dropshadow on sticky menus.</li>
<li>Option to inject a slider behind the header of the cover template</li>
<li>Options in the editor to hide / show header, header title and featured image</li>
<li>Option in the editor to inject a slider behind the header of the cover template</li>
<li>Order the sections in the site’s footer.</li>
<li>Add a third or fourth widget ready sidebar to the footer area of the theme.</li>
<li>Provide alternate text to replace “Proudly powered by WordPress”.</li>
<li>Injects a link to a chosen “Copyright” page into the footer.</li>
<li>Injects additional social icons (we are taking requests for more)</li>
</ul>
<p>The Twenty Twenty theme does not use jQuery, we use pure JavaScript on the front end of this plugin so it doesn’t need to enqueue jQuery.</p>
<p>This plugin makes use of hooks instead of custom templates which means it will work even after new versions of Twenty Twenty are published by the theme developers without breaking the theme 🙂</p>


Options for Twenty Twenty

As the title says, this plugin adds many options to allow granular adjustments to the appearance of the site without needing to dig into the css classes. A real time saver. Thank you for your time developing and maintaining the code.

Very helpful plugin to extend the customizer of the Twenty Twenty theme

Adds powerful customizer options to modify all aspects of the default WordPress theme Twenty Twenty.

Woo Layout Editor vs Options for Twenty Twenty