Jump to content

Archived

This topic is now archived and is closed to further replies.

nizami

How to edit layout of Woocommerce-driven product pages?

Recommended Posts

nizami

Okay I've had a good trawl through DMS and WC documentation, and can't find a way to access the product pages generated by WooCommerce inside DMS. Resources I could find about editing certain CSS classes in woocommerce.css are out of date. The Woocommerce route is to buy a theme...but this presumably cannot be done inside DMS?

 

Many thanks for any help on this one.

 

 

 

Share this post


Link to post
Share on other sites
Danny

HI,

 

When you install WooCommerce, it generates pages for you to use. Then go to these pages and in the DMS editor add your sections, if you want to display your products, add the WP-Content/PostLoop section to your page.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
nizami

Thanks Danny, I want to address the layout of elements inside the WP-Content/PostLoop section? 

Share this post


Link to post
Share on other sites
Danny

I apologise, but I am still not sure what you mean, address what layout issue ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
nizami

On a product page...the W-C-generated product info seems hardwired into the WP-loop section...there is nothing you can move around, drag or drop, or change via fileds in DMS or in W-Commerce....Unless I've (hopefully) overlooked something? Like maybe not using the WP-loop section on product pages...(sounds dangerous) :-) 

 

 

 

 

 

Share this post


Link to post
Share on other sites
Danny

If you want to display your products on a WooCommerce page, then you need to use the WP-Content/PostLoop section. There is no drag and drop functionality to change the layout of your products, that is already predetermined via the code.

If you want to have drag and drop functionality so you can arrange your products you're going to have to create your section, as DMS does not come with a section that provides this functionality.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
nizami

Thanks Danny. 

Share this post


Link to post
Share on other sites
Danny

As far as I know and I could be wrong here, one of our developers is currently developing a section that will allow you to arrange your WooCommerce products in multiple different layouts. However, it may be only related to individual products and not a products archive page.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
nizami

I imagine installing a Woo child theme would not be compatible with DMS?

Share this post


Link to post
Share on other sites
Danny

No, WooTheme child themes are for Woo parent themes and not compatible with DMS. The same way a DMS child theme isn't compatible with a Woo parent theme.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Jessica McCabe Lawson
      By Jessica McCabe Lawson+
      I'm building a product catalog site. The featured image is set correctly, but the woocommerce placeholder image is displaying instead. If I click on the placeholder image, the featured image appears, and the featured image works fine as a thumbnail.
      Please view the site here: http://www.directmat.net/product/power-lock-logo-mat/
      Note: I deleted the placeholder image via FTP to see if that would inspire Quick Shop to look for the featured image. No such luck. Please help!
    • mtaus
      By mtaus+
      I'm using Woocommerce in a Pagelines framework. When I build out a product, I'm able to add images in the admin panel and the
      Product Image will display on Shop page, but neither the Product Image nor the Product Gallery will display on the product's dedicated page.
      Shop: https://bendbotanics.com/shop/
      Product Example: https://bendbotanics.com/product/500mg-full-spectrum-hemp-oil-fsho/
      Any help would be greatly appreciated!
    • cdracos
      By cdracos+
      Hello everyone,
      I face a common problem as I can see on relevant topics with quickshop plugin. 
      On Product Single page of woocommerce, i use quickshop as layout. The primary photo of my product doesn't appear on the thumb slider, but the first image is the default placeholder. 
      Need some help not with custom script in the product description for each product. 
      Have a look on my website: http://lillyandsid.gr/shop/camp-things-top/
    • bnapoli
      By bnapoli+
      I have Quickshop installed on my WooCommerce section of this website: http://a04.125.myftpupload.com/
      Main Shop: http://a04.125.myftpupload.com/?page_id=1198
      I've having what appears to be CSS issues on the individual product pages. After cleaning up any code accessible from the wp-admin, the page still appears broken. I never tried to customize it, it just came broken like this right out of the box.
      You can see examples of it broken on every single product page, see here:
      http://a04.125.myftpupload.com/?product=futaba-14sg-14-channel-2-4-ghz-radio-system
      http://a04.125.myftpupload.com/?product=gremsy-gstabi-h7-brushless-3-axis-gimbal
      http://a04.125.myftpupload.com/?product=dji-inspire-1-zenmuse-x5-gimbal-and-camera-unit
      http://a04.125.myftpupload.com/?product=dji-wookong-m-flight-controller
      Can somebody help?
    • King Creative Design
      By King Creative Design+
      I am setting up a Woocommerce site using PL Framework and Platform 5. I added a hook so the category description appears under the category page titles (on archive pages). However, it also appears under the title on the main "shop" page (which I have renamed "Catelog" page). There is a default description here and I can't figure out for the life of me where it is being generated from so I can change it. Any ideas how to change it or delete it on the main shop page ONLY? The staging site is here - http://16e.117.myftpupload.com/ and the page in question is http://16e.117.myftpupload.com/catalog/
      I have hit up Woocommerce support and they weren't familiar with Platform 5 and recommended I contact you.
      Your help would be appreciated, thanks!
      Michele

×