Como podemos ajudar?

FC 11255 :: Como personalizar a paginação da lista de produtos e notícias?

A personalização é feita através do arquivo LojaSite.css, que fica na pasta HTM da loja.

Exemplo 1: personalização simples

Copie e cole o código abaixo ao final do arquivo LojaSite.css:

/* Paginacao 1 */
#idPaginationProdFC {height:100px;padding:12px 0px 0px 0px}
#idPaginationProdFC .smtext a{color:#525b6a;padding:10px 8px 10px 8px;margin:1px 2px;text-decoration:none;border:2px solid #f0f0f0;font-weight:bold;}
#idPaginationProdFC .smtext a:hover{padding:10px 8px 10px 8px;margin:1px 2px;text-decoration:underline;border:2px solid #ff5a00;color:#ff5a00;font-weight:bold;}
#idPaginationProdFC #idCurrentPageFC {padding:10px 8px 10px 8px;border:2px solid #ff5a00;color:#fff;font-weight:bold;background-color:#ff6c16;font-size:14px;}

Exemplo 2: com imagens de fundo sob os números.

Clique com o botão direito do mouse para copiar as imagens abaixo e enviá-las para a pasta images no gerenciador de arquivos da loja:

PagOff.png

PagOn.png

Copie e cole o código abaixo ao final do arquivo LojaSite.css:

/* Paginacao 2 */
#idPaginationProdFC .smtext a{padding: 6px 13px 10px 11px;margin-right: 2px;text-decoration: none; color: #000000;background: url(../images/PagOff.png);width:29px;height:29px;background-repeat:no-repeat;}
#idPaginationProdFC .smtext a:hover{padding: 6px 13px 10px 11px;margin-right: 2px;text-decoration: underline;color: #000000;background: url(../images/PagOn.png);width:29px;height:29px;background-repeat:no-repeat;}
#idPaginationProdFC #idCurrentPageFC {padding: 6px 13px 10px 11px;margin-right: 2px;background: url(../images/PagOn.png);color: #ffffff;width:29px;height:29px;background-repeat:no-repeat;}