Agency Theme Shop Page Customization

Community Forums Forums General Discussion Agency Theme Shop Page Customization

This topic is: not resolved

Tagged: 

This topic contains 6 replies, has 3 voices, and was last updated by  braddalton 1 year, 6 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #22046

    curtmcgoy
    Participant

    I am looking to customize the Agency Theme default shop page.  I am using the Genesis Connect for WooCommerce widget.

    For example, I want to modify the size of the thumbnail images that are shown on the page and the number of products that are displayed.  I cannot seem to find where the layout of the shop page is being defined in order to make modifications.  Is it controlled by the site CSS style sheet or is it buried somewhere else that I am just not finding?  Seems like any changes I make to CSS aren’t doing anything to this page.  Any help is appreciated.

    #32271

    Roberto Gomez
    Participant
    Post count: 18

    I have the same problem, I need customize the shop page.

    #32277

    braddalton
    Participant
    Post count: 10243

    Happy to take a look at the CSS for you.

    Can you link to your site please.

    Did you try the WooCommerce forum?

    Seems the styling is coming from the plugins style sheet.


    #32279

    Roberto Gomez
    Participant
    Post count: 18

    Hi Brad I review the WooCommerce Forum and all recomendation says that touch the css style from the plugin, and it is not good for me (updates plugin), I like it custom the plugin into the css style in the child theme

    My link is http://demo.estacioncreacion.com/vidriosbrenes/producto/ventanas-fijas/

    For example I put this code for change the image dimension and not found

    .woocommerce div.product div.images img,
    .woocommerce #content div.product div.images img,
    .woocommerce-page div.product div.images img,
    .woocommerce-page #content div.product div.images img {
    display: block;
    width: 150px;
    height: 150px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    }

    #32281

    Roberto Gomez
    Participant
    Post count: 18

    For example I put the next code and the image not change

    .woocommerce div.product div.images img,
    .woocommerce #content div.product div.images img,
    .woocommerce-page div.product div.images img,
    .woocommerce-page #content div.product div.images img {
    display: block;
    width: 150px;
    height: 150px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    }

    #32283

    Roberto Gomez
    Participant
    Post count: 18

    Resolved thks

    width: 150px!important;

    height: 150px!important;

    With this form I can change all the css style plugin into the child theme

    #32321

    braddalton
    Participant
    Post count: 10243
Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.