Rearange the Woocommerce product summary - wordpress

so I am new here.
(bear with me)
I am trying to figure out a way to re-design my single productpage in Woocommerce. - So far I have been able to hide the stuff I want to hide using this code:
div.summary.entry-summary { /* this will hide div with class div_class_name */
display:none;
}
I want the "div.summary.entry-summary" to be shown somewhere else on my page. My temporary fix was to use the shortcode "add to cart" but that only works for single products.
My question goes: Is there anyway I can just "move" the orignal hook/div class, to another place on my website using a shortcode/code etc.?
Layout 1 is the original single product https://imgur.com/DETHeAC
Layout 2 is the original variable product https://imgur.com/dOfGpJ8
Layout 3 is my temporary fix, and where i want the originals to go https://imgur.com/KbacNOX
Please let me know, if you need more info.
Best regards
Frederik / Papan Games

Related

Relationship based Taxonomies Dropdown

Please help.
I am very new to web development & don't have any computers background. I have created a pincodes database Website pincodes.forinfo.in using WordPress. I want a relationship based dropdown Taxonomies like www.pincode.city.
I have tried many ways from last 6 months but failed. Please help me.
I have custom Taxonomies State, District, City, pincode. I need a taxonomy dropdown, when user clicked on state the second dropdown should show the Districts of that particular state. Like wise when a user clicked on District the third dropdown should show the cities of the particular.
How can it is possible. Please help me.
I want show this dropdown on a WordPress page.
If you are using the latest version of Wordpress then I do not see the reason to be baffled by this, since you will be able to manage this from Appearance->Menu.
Check out my screenshots.
Click on the Screen Options button on the top right corner of the
Menu page. Screen Options
For me, Types is a custom Taxonomy, so I select it. The taxonomies appear on the left now Custom Tax Appears
You can now add the links to your menu and then arrange it so that it becomes a sub-menu of your primary menu.
This is how your menu should look if you want your custom taxonomy to be a sub-item of another menu item.
Sub menu items
You can do this by holding and dragging the item slightly to the right.
You can stack such items one below the other and create endless sub-menus.
I must mention that there are some themes that do not support sub-menus. If you theme doesn't, change it and check again.
Things that you need to do to implement your idea:
Get a good autocomplete plugin - Easyautocomplete (Much better than jQuery UI autocomplete)
Create three input boxes on a custom template page
Use enqueue_script to get your JS files to load with your Wordpress installation
Bind autocomplete to the three input text boxes
Learn how to query your Wordpress installation for your taxonomies
Use a php file to transfer a json file of your taxonomies to the autocomplete function - I would recommend this AJAX plugin
Have conditions in your php file according to which the 2nd field's values are fetched after getting the value of the first field and similarly for the third field
As I said, it's a lot of coding, and if you are really starting out to code this yourself, without much knowledge of PHP or jQuery, it's going to be very difficult. I would suggest you take the help of a developer.
You can even send me the details of logging into your Wordpress installation, if you want me to take a look.
Mail me at arunadaybasu#gmail.com

Woocommerce - Filtering products based on attribute

I was hoping someone could help me, I'm trying to create a filtering menu for product attributes. I have the attributes being listed out just fine but when you click on them they take you to the 'Archive' page which lists the correct products. Now is there anyway I can make it so when the user click on an attribute it shows the filtered products but using the 'shop' template/page. So not linking to the archive page??
Any ideas?
I have looked into the Layered Nav widget, its closed to what I'm wanting but I don't like how you can select multiple attributes. I just want it to do i one by one.
thanks guys/gals
This page has an answer: http://docs.woothemes.com/document/using-custom-attributes-in-menus/
At the bottom you'll see how to create a proper template for selected attributes pages.
Notice that your taxonomy-product_cat.php copy should be put into your theme folder, not to woocommerce folder in your theme.
It works for me.

Two column layout in Wordpress?

I'm not sure if this is a general web design or Wordpress question.
I have a simple demo here to illustrate my question.
http://www.ttmt.org.uk/forum/wp/
It's just a simple 2 column responsive layout.
My simple question is how do I spilt the content between the two columns.
The page will be a Page in Wordpress and not posts (I think).
I wanted to create a page in Wordpress and place the text on the content area
There is one content area in Wordpress, is there a way to split this content
so I can say this is the left column, this is the right column.
The text will all be on the same subject but I need to split it between two columns.
Thanks in advance for any help.
If you are asking for how to make three columns out of the existing two than have a look here. If you are looking for a way to make it possible to enter the content in a way that you are able to output the different columns in different places in the theme, than there are a lot of ways.
In general you need some kind of »container« for each column, so you could start by adding div-containers by using the plain text editor when creating a post or page. You can also use the custom fields to enter more columns. There are also plugins available (I never used one for this) and last but not least: you can create your plugin and hook into the page/post-edit page and add additional fields to the input field. With such a plugin you also create a custom post type and hook only into its editing form.
The solutions range from »cheap and fast« to »rather complex« and it depends how comfortable the editing should or has to be. If it is only for you than simple hacks in the editor might satisfy your needs, but if it is for a client who is not that good in html you should consider something »stronger«.
I think this is design issue rather than Wordpress. Wordpress fetch content as a single item and displays it. If you want to display the content in multiple columns then you can use jQuery plugins like http://www.vanderlee.com/martijn/?page_id=229
You could split your content into column using the column shortcodes plugin from wordpress.org

How to use WordPress 3.5 media manager gallery tool for my own plugin

In the WordPress 3.5 media manager under the "Create Gallery" tab, users can choose multiple images and then have the ability to reorder images in a second page. When done, it inserts a shortcode such as: [gallery ids="895,1007,986"]
I would like to use this same interface so that users can select and reorder images. However, instead of returning a shortcode, I would like to return just a list of ID's of the images like so: 895,1007,986
Another important thing is that my button will be in a metabox and the list of ID's will not be placed inside TinyMCE post edit area.
How can I achieve this?
Thank You.
You can call a = wp.media.gallery.edit('[gallery ids="2,1,3..."]'); like Wordpress does in media-editor.js.
I wasn't sure what event can catch the update, I found it with a.on('all',function(n,a) {console.log(n); console.log(a)})
Notice "update" in the log, and an object with a models array with the images. So, the quickest solutions using the gallery selector would be:
wp.media.gallery.edit('[gallery ids="numberlist"]').on('update',function(obj)
{ do something with obj.models)})

View with a page using arguments wtih a path using %

I've just started using Drupal and I must admit its brilliant. Im still finding my way around it, so this might be a stupdi question, but Id like to know what the best and least perofrmance impacting way to achieve the below.
I have created a view with the "Node: Nid" argument to bascially list certain information about additioanl information about an artist, his events, albums etc..... The path has been set using the %. The idea being that when a particular artist node is in the node URL it will display all of the other info.
What I would like to do is add a link to the artist page called more info. So when clicked it takes you to that particular view and display all the other information.
I have realised that you cannot create menu items, using % argument.
How you would you guys do this ?
thanks :)
Charles
You are correct that you can't use wildcards in menus.
However, you can create a fake menu block outside the normal Drupal menu system that contains the menu items you want: just create a view and use the HTML list style. Each row in the view will correspond to one of your fake menu's items. When you're finished creating the view, create a block display for that view.
Add the block to a region using Site Building -> Blocks, and style it to look like your other menus.

Resources