I'm unsure if this question is relevant on stackoverflow, but I've looked almost everywhere else.
I'm looking to create a a product display, containing 6 products, on the right hand side of a picture like this example.
I'm hoping some of you have some know-how you'd like to share with me on this.
Thanks in advance
A.P.
The easiest way to do that is add a left sidebar to your shop page, which can be typically done through your theme, and then add an image widget to that sidebar. The last thing to do is change the CSS code of your shop to make the whole page full-width and then make the sidebar 50% of the parent div.
This approach has the advantage that the sidebar is showed after the products in mobile mode (by default), so mobile visitors will first see the products.
Related
Working on this crochet bikinis website, please look at the homepage.
I am using the simple shortcode provided by Woocommerce to display the products.
[product_category category="" per_page="" columns="" orderby="" order=""]
But I noticed in responsive mode that the product columns "shrink". They all stay on the same row and just become "smaller". Usually in responsive mode, each product column should take 100% width, and all products should go one per row, displaying one on top of each other. Or at least that's the way I would prefer to have it.
Questions:
-Is this caused by the shortcode itself?
-Is there a different shortcode I could use to achieve my expected result (just for the responsive mode)?
-Any other way I could workaround this without touching CSS?
Thank you
I'm making a WordPress website with WooCommerce and I need to resize the product thumbnails in the display products (category) page.
In particular I have this situation:
And I'd like to have a page like this:
Is it possible? I've checked that the CSS class should be img.attachment-shop_catalog.wp-post-image and I've tried with -webkit-transform:scale(1.2); but my product image thumbnails overlap. It's not a problem of WooCommerce images settings (the "force hard crop" option is disabled), so I think I have to add a custom CSS. Could you help me to fix this?
Thanks in advance!
I would have checked all surrounding classes cause it is probably limited by them, or there is padding-right set on outer container.
I would have tried to find (using Chrome possibilities) and try first to locally resize them and product container in CSS.
I have a WP website which has a home with a top banner and 2 more controllable panel like here.
My question is what is the best way to keep this controllable via admin?
The way I did it was to create two categories by the names "Latest Updates" and "New in 2013!" and then coded it such that the posts coming under the categories gets displayed in their respective panels on the home page. The image as usual controlled via the Featured Image of the post. A pretty basic setup to manage its content via posts to keep the layout intact and at the same time do the task.
I had suggestions where we should keep it right there in WP editor for control i.e. put all the div / ul / li etc. right there in the WP editor using the text part and have the admin control it right from there.
I need to know which method is better for implementation i.e. managing via posts like it is now or keep it right there in the editor and put HTML content in the editor.
All recommendations much appreciated.
Your first one method is correct ,easy and safe.
Safe Because,If accidentally any change in editor then all showing content breaked
Because a picture tells more than 1000 words.
On the left side, you will see what I need.
On the right side, you see what I already have.
The question:
Is there a possibility for showing all the chapters in a navigation block (or something simular) like a navigationtree ? with collapsible nodes and meanwhile if you click on some of those chapters, the main page changes?
perhaps with jquery?
But I can't find any good documentation whereby I can say, That's what I need.
I hope that someone can help
Kind regards.
Dieter
EDIT : LINK to image --> IMAGE FULL SCREEN
Use the menu block module to solve the left item. Create a base page or content type called History and then the content type that you have your "chapters" add them and set them as a child under the History node. From here create a menu block and set the block on the left sidebar on the pages you want them on.
http://drupal.org/project/menu_block
I have a task to edit some content for a footer being used in a Drupal site. I've got very little experience with Drupal, but I have been able to root around and find stuff here or there over the past few days. The last time is the footer, and I can't seem to find where the content could be hiding.
In the admin under "panels" I see a "common footer" mini-panel. When I edit that, it brings me to a screen where I can edit the admin title, admin description, and name (currently common_footer). I expected a rich text editor where I could edit the body or something to that effect.
In the content list in the admin, I don't see anything that looks like it could be footer content. Can someone point me in the right direction where to look for this sort of thing?
I think there is a bug in the current version of mini panels as I cannot find the content edit link either. To edit the content of a mini panel I had to take the edit url and replace the last "edit" with "content"
For example,
I changed
admin/structure/mini-panels/list/category_landing_right/edit
To
admin/structure/mini-panels/list/category_landing_right/content
There are links to content, context and layout in the top left corner. The problem is that they look like breadcrumbs so they are easy to miss.